#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