#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