#2d486b HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2d486b | RGB(45, 72, 107) |
Created at 02/19/2023 08:34
RGB values are RGB(45, 72, 107)
#2d486b color contains Red 17.65%, Green 28.24% and Blue 41.96%.
oklch(39.70% 0.0682 255.41)
#2d486b color contains Red 17.65%, Green 28.24% and Blue 41.96%.
oklch(39.70% 0.0682 255.41)
Color Names of #2d486b HEX code
≈ San Juan
Classification of #2d486b color
#2d486b is Semi dark and Cool Color Saturation 41%, lightness 30%.
Shade of Dark Slate Blue
Alternative colors of #2d486b
Opposite Color for #2d486b is #6b502d
#2d486b Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2d486b
cmyk
CMYK(58%, 33%, 0%, 58%)
Decimal
2967659
HEX
#2d486b
HSL
hsl(214, 41%, 30%)
HSLA
hsla(214, 41%, 30%, 1)
RGB
RGB(45, 72, 107)
RGBA
RGBA(45, 72, 107, 1)
Palettes for #2d486b color:
Below are examples of color palettes with the #2d486b HEX color
darkest color is #04070b from shades and lightest color is #eaedf0 from tints
Shades palette of #2d486b:
#294160
#243a56
#1f324b
#1b2b40
#172436
#121d2b
#0e1620
#090e15
#04070b
#000000
Tints palette of #2d486b:
#425a7a
#576d89
#6c7f97
#8191a6
#96a4b5
#abb6c4
#c0c8d3
#d5dae1
#eaedf0
#ffffff
Complementary palette of #2d486b:
#2d486b
#6b502d
Triadic palette of #2d486b:
#2d486b
#6b2d48
#486b2d
Square palette of #2d486b:
#2d486b
#6b2d67
#6b502d
#2d6b31
Analogous palette of #2d486b:
#2d676b
#2d486b
#312d6b
Split-Complementary palette of #2d486b:
#2d486b
#6b312d
#676b2d
Rectangle (tetradic) palette of #2d486b:
#2d486b
#502d6b
#6b502d
#486b2d
Suggested color palettes for #2d486b HEX:
Color palette with color #2d486b #1:
Color palette with color #2d486b #2:
Color palette with color #2d486b #3:
Color palette with color #2d486b #4:
Color palette with color #2d486b #5:
Color #2d486b used in palettes (1)
Color Contrast
Color pairings of #2d486b with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2d486b
#2d486bContrast Ratio
9.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2d486b
#2d486bContrast Ratio
2.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2d486b color png
Visit the popular colors list for more colors