#BACFCC

#BACFCC

Color Values

HEX

#BACFCC

RGB

186, 207, 204

HSL

171.4, 17.9%, 77.1%

HSV

171.4, 10.1%, 81.2%

CMYK

10.1%, 0.0%, 1.4%, 18.8%

OKLCH

0.8379 0.023 186.4

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#BACFCC

#CFBABD

Analogous

#BACFC2

#BAC8CF

#BACFCC

Triadic

#BACFCC

#CCBACF

#CFCCBA

Split Complementary

#BACFCC

#CFBAC8

#CFC2BA

Tetradic

#BACFCC

#C2BACF

#CFBABD

#C8CFBA

Color Blindness Simulation

Original

#BACFCC

Protanopia

#C3C3CD

Deuteranopia

#C2C0CD

Tritanopia

#BBCDCD

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2E0
300
#B7CDCA
400
#90B2AD
500
#699690
600
#547873
700
#43605C
800
#344B48
900
#293836
950
#1A2422

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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