HEX Color #8AD3D3 (Paleturquoise)

About #8AD3D3

The precise color #8AD3D3 is an excellent choice for modern design projects. Designers often compare it to the standard color Paleturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 211, and 211.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 35% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8AD3D3

RGB138, 211, 211

HSL180.0°, 45.3%, 68.4%

CMYK35%, 0%, 0%, 17%

HSV180.0°, 34.6%, 82.7%

LAB80.0, -22.6, -7.2

XYZ45.5, 56.7, 70.2

Decimal9098195

Color Harmonies

Complementary

#8AD3D3 #D38A8A

Analogous

#8AD3AE #8AAED3

Triadic

#D38AD3 #D3D38A

Tetradic

#AE8AD3 #D38A8A #AED38A

Tints, Shades & Tones

Tints (Adding White)

#8AD3D3

#97D7D7

#A4DCDC

#B1E1E1

#BEE6E6

#CBEBEB

#D8F0F0

#E5F5F5

#F2FAFA

#FFFFFF

Shades (Adding Black)

#8AD3D3

#7ABBBB

#6BA4A4

#5C8C8C

#4C7575

#3D5D5D

#2E4646

#1E2E2E

#0F1717

#000000

WCAG Contrast Accessibility

1.70:1

Text on #FFFFFF

FAIL

12.34:1

Text on #000000

AAA

1.63:1

Text on #F8FAFC

FAIL

10.49:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #8AD3D3; }

.text-color { color: #8AD3D3; }

.border-color { border: 2px solid #8AD3D3; }

Similar Colors

Paleturquoise

#AFEEEE