#A8EEE7

#A8EEE7

Color Values

HEX

#A8EEE7

RGB

168, 238, 231

HSL

174.0, 67.3%, 79.6%

HSV

174.0, 29.4%, 93.3%

CMYK

29.4%, 0.0%, 2.9%, 6.7%

OKLCH

0.9009 0.0703 188.2

Properties

Cool Light Nearest: paleturquoise 2

Color Harmonies

Complementary

#A8EEE7

#EEA8AF

Analogous

#A8EEC4

#A8D2EE

#A8EEE7

Triadic

#A8EEE7

#E7A8EE

#EEE7A8

Split Complementary

#A8EEE7

#EEA8D2

#EEC4A8

Tetradic

#A8EEE7

#C4A8EE

#EEA8AF

#D2EEA8

Color Blindness Simulation

Original

#A8EEE7

Protanopia

#C6C7E9

Deuteranopia

#C2BDE9

Tritanopia

#ACEAEA

Achromatopsia

#DFDFDF

CSS Usage

background-color: #A8EEE7;
color: #A8EEE7;
border-color: #A8EEE7;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C3F3EF
300
#99EBE3
400
#61E0D3
500
#2AD5C4
600
#21AB9D
700
#1B897E
800
#156B62
900
#134E48
950
#0C312D

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026