#BECECF

#BECECF

Color Values

HEX

#BECECF

RGB

190, 206, 207

HSL

183.5, 15.0%, 77.8%

HSV

183.5, 8.2%, 81.2%

CMYK

8.2%, 0.5%, 0.0%, 18.8%

OKLCH

0.8396 0.0175 201.4

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BECECF

#CFBFBE

Analogous

#BECFC7

#BEC5CF

#BECECF

Triadic

#BECECF

#CFBECE

#CECFBE

Split Complementary

#BECECF

#CFBEC5

#CFC7BE

Tetradic

#BECECF

#C7BECF

#CFBFBE

#C5CFBE

Color Blindness Simulation

Original

#BECECF

Protanopia

#C5C5CF

Deuteranopia

#C4C3CF

Tritanopia

#BFCFCF

Achromatopsia

#CBCBCB

CSS Usage

background-color: #BECECF;
color: #BECECF;
border-color: #BECECF;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0E1
300
#B9CACB
400
#92ADAF
500
#6C9093
600
#577475
700
#455C5E
800
#364849
900
#2A3637
950
#1A2223

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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