HEX Color #1D7C92 (Teal)

About #1D7C92

The precise color #1D7C92 is an excellent choice for modern design projects. It is closely associated with the named CSS color Teal. To achieve this exact tint on a monitor, you would use an RGB mix of 29, 124, and 146.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 80% cyan and 15% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#1D7C92

RGB29, 124, 146

HSL191.3°, 66.9%, 34.3%

CMYK80%, 15%, 0%, 43%

HSV191.3°, 80.1%, 57.3%

LAB47.9, -18.7, -19.5

XYZ12.9, 16.8, 29.7

Decimal1932434

Color Harmonies

Complementary

#1D7C92 #92321D

Analogous

#1D926D #1D4192

Triadic

#921D7B #7C921D

Tetradic

#6D1D92 #92321D #41921D

Tints, Shades & Tones

Tints (Adding White)

#1D7C92

#368A9E

#4F99AA

#68A7B6

#81B6C2

#9AC4CE

#B3D3DA

#CCE1E6

#E5F0F2

#FFFFFF

Shades (Adding Black)

#1D7C92

#196E81

#166071

#135261

#104451

#0C3740

#092930

#061B20

#030D10

#000000

WCAG Contrast Accessibility

4.83:1

Text on #FFFFFF

AA

4.35:1

Text on #000000

AA Large

4.61:1

Text on #F8FAFC

AA

3.70:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #1D7C92; }

.text-color { color: #1D7C92; }

.border-color { border: 2px solid #1D7C92; }

Similar Colors

Teal

#008080