#274A4F Color

#274A4F is rgb(39, 74, 79) in RGB and hsl(188, 34%, 23%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#274A4F

HEX#274A4F

RGBrgb(39, 74, 79)

HSLhsl(188, 34%, 23%)

HSVhsv(188, 51%, 31%)

OKLCHoklch(38.5% 0.041 207.4)

CMYKcmyk(51%, 6%, 0%, 69%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #274A4F background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text9.64:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.18:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with #274A4F based on color wheel relationships. Click any swatch for its full breakdown.

Base#274A4F Complementary#4F2C27 Analogous#274F40 Analogous#27354F Triadic#4F2749 Triadic#494F27

Tints & Shades

Lighter tints and darker shades of #274A4F, useful for hover states, backgrounds, and text variants.

Tints

#396C74 #4A8C96 #65A9B3 #8BBEC6 #B0D3D8 #D3E6E9

Shades

#224044 #1E393E #193033 #142629 #0F1D1F #0C1618

Use #274A4F in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex