#BECCCC

#BECCCC

Color Values

HEX

#BECCCC

RGB

190, 204, 204

HSL

180.0, 12.1%, 77.3%

HSV

180.0, 6.9%, 80.0%

CMYK

6.9%, 0.0%, 0.0%, 20.0%

OKLCH

0.8345 0.0153 196.9

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BECCCC

#CCBEBE

Analogous

#BECCC5

#BEC5CC

#BECCCC

Triadic

#BECCCC

#CCBECC

#CCCCBE

Split Complementary

#BECCCC

#CCBEC5

#CCC5BE

Tetradic

#BECCCC

#C5BECC

#CCBEBE

#C5CCBE

Color Blindness Simulation

Original

#BECCCC

Protanopia

#C4C4CC

Deuteranopia

#C3C2CC

Tritanopia

#BFCCCC

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7E0E0
300
#BAC9C9
400
#95ACAC
500
#708F8F
600
#5A7272
700
#485B5B
800
#384747
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026