#BFCFEC

#BFCFEC

Color Values

HEX

#BFCFEC

RGB

191, 207, 236

HSL

218.7, 54.2%, 83.7%

HSV

218.7, 19.1%, 92.5%

CMYK

19.1%, 12.3%, 0.0%, 7.5%

OKLCH

0.8517 0.0441 262.4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BFCFEC

#ECDCBF

Analogous

#BFE5EC

#C5BFEC

#BFCFEC

Triadic

#BFCFEC

#ECBFCF

#CFECBF

Split Complementary

#BFCFEC

#ECC5BF

#E5ECBF

Tetradic

#BFCFEC

#ECBFE5

#ECDCBF

#BFECC5

Color Blindness Simulation

Original

#BFCFEC

Protanopia

#C6C6E5

Deuteranopia

#C5C4E3

Tritanopia

#C0DFDE

Achromatopsia

#CECECE

CSS Usage

background-color: #BFCFEC;
color: #BFCFEC;
border-color: #BFCFEC;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EF
300
#A1B8E3
400
#6E92D4
500
#3A6BC5
600
#2F569D
700
#25457E
800
#1D3662
900
#192A48
950
#101A2E

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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