#BECBCC

#BECBCC

Color Values

HEX

#BECBCC

RGB

190, 203, 204

HSL

184.3, 12.1%, 77.3%

HSV

184.3, 6.9%, 80.0%

CMYK

6.9%, 0.5%, 0.0%, 20.0%

OKLCH

0.8324 0.0143 202.4

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BECBCC

#CCBFBE

Analogous

#BECCC6

#BEC4CC

#BECBCC

Triadic

#BECBCC

#CCBECB

#CBCCBE

Split Complementary

#BECBCC

#CCBEC4

#CCC6BE

Tetradic

#BECBCC

#C6BECC

#CCBFBE

#C4CCBE

Color Blindness Simulation

Original

#BECBCC

Protanopia

#C4C4CC

Deuteranopia

#C3C2CC

Tritanopia

#BFCCCC

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BAC8C9
400
#95AAAC
500
#708D8F
600
#5A7172
700
#485A5B
800
#384647
900
#2B3536
950
#1B2122

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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