#9ABFCB Color

#9ABFCB is rgb(154, 191, 203) in RGB and hsl(195, 32%, 70%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#9ABFCB

HEX#9ABFCB

RGBrgb(154, 191, 203)

HSLhsl(195, 32%, 70%)

HSVhsv(195, 24%, 80%)

OKLCHoklch(78.2% 0.043 219.5)

CMYKcmyk(24%, 6%, 0%, 20%)

Text Contrast & Accessibility

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

TextWhite text1.96:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text10.69:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#9ABFCB Complementary#CBA69A Analogous#9ACBBF Analogous#9AA6CB Triadic#CB9ABF Triadic#BFCB9A

Tints & Shades

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

Tints

#A7C7D2 #B5D0D9 #C2D8E0 #D0E1E7 #DDEAEE #EBF2F5

Shades

#7CABBB #5A96AA #497C8D #375F6C #28444D #17262C

Use #9ABFCB in Our Tools

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