#302d60 HEX color information

ColorHEXRGB
#302d60RGB(48, 45, 96)
  22
Created at 02/26/2023 07:50
RGB values are RGB(48, 45, 96)
#302d60 color contains Red 18.82%, Green 17.65% and Blue 37.65%.
oklch(32.89% 0.0877 283.11)

Color Names of #302d60 HEX code

≈ Jacarta

Classification of #302d60 color

#302d60 is Dark and Cool Color Saturation 36%, lightness 28%.
Tint of Midnight Blue
Opposite Color for #302d60 is #5d602d

#302d60 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #302d60

cmyk
CMYK(50%, 53%, 0%, 62%)
Decimal
3157344
HEX
#302d60
HSL
hsl(244, 36%, 28%)
HSLA
hsla(244, 36%, 28%, 1)
RGB
RGB(48, 45, 96)
RGBA
RGBA(48, 45, 96, 1)

Palettes for #302d60 color:

Below are examples of color palettes with the #302d60 HEX color

darkest color is #05040a from shades and lightest color is #eaeaef from tints

Shades palette of #302d60:
#2b2956
#26244d
#221f43
#1d1b3a
#181730
#131226
#0e0e1d
#0a0913
#05040a
#000000
Tints palette of #302d60:
#454270
#595780
#6e6c90
#8381a0
#9896b0
#acabbf
#c1c0cf
#d6d5df
#eaeaef
#ffffff
Complementary palette of #302d60:
#302d60
#5d602d
Triadic palette of #302d60:
#302d60
#60302d
#2d6030
Square palette of #302d60:
#302d60
#602d44
#5d602d
#2d604a
Analogous palette of #302d60:
#2d4460
#302d60
#4a2d60
Split-Complementary palette of #302d60:
#302d60
#604a2d
#44602d
Rectangle (tetradic) palette of #302d60:
#302d60
#602d5d
#5d602d
#2d6030

Suggested color palettes for #302d60 HEX:

Color palette with color #302d60 #1:
Color palette with color #302d60 #2:
Color palette with color #302d60 #3:
Color palette with color #302d60 #4:
Color palette with color #302d60 #5:

Color #302d60 used in palettes (1)

Color Contrast

Color pairings of #302d60 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.

#302d60
#302d60
Contrast Ratio
12.57:1
SizeAA-levelAAA-level
Large text:
Small text:
#302d60
#302d60
Contrast Ratio
1.66:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #302d60 color png