#ACCEFB

#ACCEFB

Color Values

HEX

#ACCEFB

RGB

172, 206, 251

HSL

214,2, 90,8%, 82,9%

HSV

214,2, 31,5%, 98,4%

CMYK

31,5%, 17,9%, 0,0%, 1,6%

OKLCH

0,8422 0,0731 255,6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ACCEFB

#FBD9AC

Analogous

#ACF5FB

#B1ACFB

#ACCEFB

Triadic

#ACCEFB

#FBACCE

#CEFBAC

Split Complementary

#ACCEFB

#FBB1AC

#F5FBAC

Tetradic

#ACCEFB

#FBACF5

#FBD9AC

#ACFBB1

Color Blindness Simulation

Original

#ACCEFB

Protanopia

#BBBBF0

Deuteranopia

#B9B6EE

Tritanopia

#AEE8E6

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEBFB
200
#BBD7FC
300
#8ABAF9
400
#4B95F6
500
#0C6FF3
600
#0959C3
700
#08479C
800
#06387A
900
#092B58
950
#061B38

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,98:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026