#ACCCEE

#ACCCEE

Color Values

HEX

#ACCCEE

RGB

172, 204, 238

HSL

210.9, 66.0%, 80.4%

HSV

210.9, 27.7%, 93.3%

CMYK

27.7%, 14.3%, 0.0%, 6.7%

OKLCH

0.8332 0.059 250.1

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ACCCEE

#EECEAC

Analogous

#ACEDEE

#ADACEE

#ACCCEE

Triadic

#ACCCEE

#EEACCC

#CCEEAC

Split Complementary

#ACCCEE

#EEADAC

#EDEEAC

Tetradic

#ACCCEE

#EEACED

#EECEAC

#ACEEAD

Color Blindness Simulation

Original

#ACCCEE

Protanopia

#BABAE6

Deuteranopia

#B8B6E4

Tritanopia

#AEDFDE

Achromatopsia

#C8C8C8

CSS Usage

background-color: #ACCCEE;
color: #ACCCEE;
border-color: #ACCCEE;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DBF3
300
#99C1EA
400
#629FDF
500
#2B7DD4
600
#2364A9
700
#1C5087
800
#163E6A
900
#14304D
950
#0C1E31

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026