#BECFCE

#BECFCE

Color Values

HEX

#BECFCE

RGB

190, 207, 206

HSL

176.5, 15.0%, 77.8%

HSV

176.5, 8.2%, 81.2%

CMYK

8.2%, 0.0%, 0.5%, 18.8%

OKLCH

0.8413 0.0185 192.5

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BECFCE

#CFBEBF

Analogous

#BECFC5

#BEC7CF

#BECFCE

Triadic

#BECFCE

#CEBECF

#CFCEBE

Split Complementary

#BECFCE

#CFBEC7

#CFC5BE

Tetradic

#BECFCE

#C5BECF

#CFBEBF

#C7CFBE

Color Blindness Simulation

Original

#BECFCE

Protanopia

#C5C6CE

Deuteranopia

#C4C3CE

Tritanopia

#BFCECE

Achromatopsia

#CBCBCB

CSS Usage

background-color: #BECFCE;
color: #BECFCE;
border-color: #BECFCE;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E1E0
300
#B9CBCA
400
#92AFAD
500
#6C9390
600
#577574
700
#455E5C
800
#364948
900
#2A3736
950
#1A2322

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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