#BADFE4

#BADFE4

Color Values

HEX

#BADFE4

RGB

186, 223, 228

HSL

187.1, 43.8%, 81.2%

HSV

187.1, 18.4%, 89.4%

CMYK

18.4%, 2.2%, 0.0%, 10.6%

OKLCH

0.8787 0.0394 206.5

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BADFE4

#E4BFBA

Analogous

#BAE4D4

#BACAE4

#BADFE4

Triadic

#BADFE4

#E4BADF

#DFE4BA

Split Complementary

#BADFE4

#E4BACA

#E4D4BA

Tetradic

#BADFE4

#D4BAE4

#E4BFBA

#CAE4BA

Color Blindness Simulation

Original

#BADFE4

Protanopia

#CACAE3

Deuteranopia

#C8C5E2

Tritanopia

#BCE2E2

Achromatopsia

#D7D7D7

CSS Usage

background-color: #BADFE4;
color: #BADFE4;
border-color: #BADFE4;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F5FAFA
100
#E7F2F4
200
#CCE7EB
300
#A7D6DD
400
#77C0CA
500
#48AAB7
600
#398893
700
#2E6D75
800
#24555C
900
#1D3F44
950
#13282B

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.76:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026