#BFE4EA

#BFE4EA

Color Values

HEX

#BFE4EA

RGB

191, 228, 234

HSL

188.4, 50.6%, 83.3%

HSV

188.4, 18.4%, 91.8%

CMYK

18.4%, 2.6%, 0.0%, 8.2%

OKLCH

0.8943 0.0395 208.4

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BFE4EA

#EAC5BF

Analogous

#BFEADA

#BFCEEA

#BFE4EA

Triadic

#BFE4EA

#EABFE4

#E4EABF

Split Complementary

#BFE4EA

#EABFCE

#EADABF

Tetradic

#BFE4EA

#DABFEA

#EAC5BF

#CEEABF

Color Blindness Simulation

Original

#BFE4EA

Protanopia

#CFCFE9

Deuteranopia

#CDCAE8

Tritanopia

#C1E7E7

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E8ED
300
#A3D8E1
400
#71C3D0
500
#3FAEC0
600
#328B9A
700
#286F7B
800
#1F5760
900
#1A4047
950
#11292D

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.5: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