#ACCBF4

#ACCBF4

Color Values

HEX

#ACCBF4

RGB

172, 203, 244

HSL

214,2, 76,6%, 81,6%

HSV

214,2, 29,5%, 95,7%

CMYK

29,5%, 16,8%, 0,0%, 4,3%

OKLCH

0,8333 0,0668 255,5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ACCBF4

#F4D5AC

Analogous

#ACEFF4

#B1ACF4

#ACCBF4

Triadic

#ACCBF4

#F4ACCB

#CBF4AC

Split Complementary

#ACCBF4

#F4B1AC

#EFF4AC

Tetradic

#ACCBF4

#F4ACEF

#F4D5AC

#ACF4B1

Color Blindness Simulation

Original

#ACCBF4

Protanopia

#B9BAEA

Deuteranopia

#B8B5E8

Tritanopia

#AEE2E1

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D7F7
300
#93BBF1
400
#5897E9
500
#1E72E1
600
#185BB4
700
#134990
800
#0F3971
900
#0F2C52
950
#0A1C34

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,6: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