HEX Color #A0F0E9 (Paleturquoise)

About #A0F0E9

The precise color #A0F0E9 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 160, 240, and 233.

If you are designing for print, the four-color process is what matters most. The color uses 33% Cyan, 0% Magenta, 3% Yellow, and 6% Black. The HSL representation is 174.8° hue, 72.7% saturation, and 78.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#A0F0E9

RGB160, 240, 233

HSL174.8°, 72.7%, 78.4%

CMYK33%, 0%, 3%, 6%

HSV174.8°, 33.3%, 94.1%

LAB89.7, -25.9, -4.4

XYZ60.4, 75.7, 88.5

Decimal10547433

Color Harmonies

Complementary

#A0F0E9 #F0A0A7

Analogous

#A0F0C1 #A0CFF0

Triadic

#E9A0F0 #F0E9A0

Tetradic

#C1A0F0 #F0A0A7 #CFF0A0

Tints, Shades & Tones

Tints (Adding White)

#A0F0E9

#AAF1EB

#B5F3ED

#BFF5F0

#CAF6F2

#D4F8F5

#DFFAF7

#E9FBFA

#F4FDFC

#FFFFFF

Shades (Adding Black)

#A0F0E9

#8ED5CF

#7CBAB5

#6AA09B

#588581

#476A67

#35504D

#233533

#111A19

#000000

WCAG Contrast Accessibility

1.30:1

Text on #FFFFFF

FAIL

16.14:1

Text on #000000

AAA

1.24:1

Text on #F8FAFC

FAIL

13.72:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #A0F0E9; }

.text-color { color: #A0F0E9; }

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

Similar Colors

Paleturquoise

#AFEEEE