#BFCDF7

#BFCDF7

Color Values

HEX

#BFCDF7

RGB

191, 205, 247

HSL

225,0, 77,8%, 85,9%

HSV

225,0, 22,7%, 96,9%

CMYK

22,7%, 17,0%, 0,0%, 3,1%

OKLCH

0,8516 0,0607 270,6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BFCDF7

#F7E9BF

Analogous

#BFE9F7

#CDBFF7

#BFCDF7

Triadic

#BFCDF7

#F7BFCD

#CDF7BF

Split Complementary

#BFCDF7

#F7CDBF

#E9F7BF

Tetradic

#BFCDF7

#F7BFE9

#F7E9BF

#BFF7CD

Color Blindness Simulation

Original

#BFCDF7

Protanopia

#C5C5ED

Deuteranopia

#C4C3EA

Tritanopia

#C0E5E3

Achromatopsia

#CDCDCD

CSS Usage

background-color: #BFCDF7;
color: #BFCDF7;
border-color: #BFCDF7;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F5FC
100
#E1E7F9
200
#C0CDF7
300
#92AAF1
400
#577CEA
500
#1C4EE3
600
#173EB5
700
#123291
800
#0E2771
900
#0F1F52
950
#091434

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,29: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