#14679F Color

#14679F is rgb(20, 103, 159) in RGB and hsl(204, 78%, 35%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#14679F

HEX#14679F

RGBrgb(20, 103, 159)

HSLhsl(204, 78%, 35%)

HSVhsv(204, 87%, 62%)

OKLCHoklch(49.6% 0.116 244.8)

CMYKcmyk(87%, 35%, 0%, 38%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#14679F Complementary#9F4B14 Analogous#149F91 Analogous#14229F Triadic#9F1467 Triadic#679F14

Tints & Shades

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

Tints

#1982C8 #2A9AE5 #53ADEA #7BC1EF #A4D4F4 #CDE7F9

Shades

#115B8D #0F4D76 #0C4164 #0A324D #07263B #041824

Use #14679F in Our Tools

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