#2d4f60 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2d4f60 | RGB(45, 79, 96) |
Created at 10/22/2026 00:10
RGB values are RGB(45, 79, 96)
#2d4f60 color contains Red 17.65%, Green 30.98% and Blue 37.65%.
oklch(40.91% 0.0488 231.39)
#2d4f60 color contains Red 17.65%, Green 30.98% and Blue 37.65%.
oklch(40.91% 0.0488 231.39)
Color Names of #2d4f60 HEX code
≈ San Juan
Classification of #2d4f60 color
#2d4f60 is Semi dark and Cool Color Saturation 36%, lightness 28%.
Tint of Dark Slate Gray
Alternative colors of #2d4f60
Opposite Color for #2d4f60 is #603e2d
#2d4f60 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2d4f60
cmyk
CMYK(53%, 18%, 0%, 62%)
Decimal
2969440
HEX
#2d4f60
HSL
hsl(200, 36%, 28%)
HSLA
hsla(200, 36%, 28%, 1)
RGB
RGB(45, 79, 96)
RGBA
RGBA(45, 79, 96, 1)
Palettes for #2d4f60 color:
Below are examples of color palettes with the #2d4f60 HEX color
darkest color is #04080a from shades and lightest color is #eaedef from tints
Shades palette of #2d4f60:
#294756
#243f4d
#1f3743
#1b2f3a
#172830
#122026
#0e181d
#091013
#04080a
#000000
Tints palette of #2d4f60:
#426170
#577280
#6c8490
#8195a0
#96a7b0
#abb9bf
#c0cacf
#d5dcdf
#eaedef
#ffffff
Complementary palette of #2d4f60:
#2d4f60
#603e2d
Triadic palette of #2d4f60:
#2d4f60
#602d4f
#4f602d
Square palette of #2d4f60:
#2d4f60
#572d60
#603e2d
#36602d
Analogous palette of #2d4f60:
#2d6058
#2d4f60
#2d3560
Split-Complementary palette of #2d4f60:
#2d4f60
#602d36
#60572d
Rectangle (tetradic) palette of #2d4f60:
#2d4f60
#3e2d60
#603e2d
#4f602d
Suggested color palettes for #2d4f60 HEX:
Color palette with color #2d4f60 #1:
Color palette with color #2d4f60 #2:
Color palette with color #2d4f60 #3:
Color palette with color #2d4f60 #4:
Color palette with color #2d4f60 #5:
Color Contrast
Color pairings of #2d4f60 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2d4f60
#2d4f60Contrast Ratio
8.75:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2d4f60
#2d4f60Contrast Ratio
2.39:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2d4f60 color png
Visit the popular colors list for more colors