#1F6775 Color

#1F6775 is rgb(31, 103, 117) in RGB and hsl(190, 58%, 29%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#1F6775

HEX#1F6775

RGBrgb(31, 103, 117)

HSLhsl(190, 58%, 29%)

HSVhsv(190, 74%, 46%)

OKLCHoklch(47.6% 0.072 213.4)

CMYKcmyk(74%, 12%, 0%, 54%)

Text Contrast & Accessibility

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

TextWhite text6.45:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.26:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#1F6775 Complementary#752D1F Analogous#1F7558 Analogous#1F3C75 Triadic#751F67 Triadic#67751F

Tints & Shades

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

Tints

#2A8A9D #34ADC5 #5ABFD3 #7ECDDD #A6DDE7 #CFECF2

Shades

#1B5865 #184E59 #134049 #10353C #0C272C #091C20

Use #1F6775 in Our Tools

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