#B9CFE2

#B9CFE2

Color Values

HEX

#B9CFE2

RGB

185, 207, 226

HSL

207.8, 41.4%, 80.6%

HSV

207.8, 18.1%, 88.6%

CMYK

18.1%, 8.4%, 0.0%, 11.4%

OKLCH

0.844 0.0357 244.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#B9CFE2

#E2CCB9

Analogous

#B9E2E1

#B9BBE2

#B9CFE2

Triadic

#B9CFE2

#E2B9CF

#CFE2B9

Split Complementary

#B9CFE2

#E2B9BB

#E2E1B9

Tetradic

#B9CFE2

#E1B9E2

#E2CCB9

#BBE2B9

Color Blindness Simulation

Original

#B9CFE2

Protanopia

#C3C3DD

Deuteranopia

#C1C0DC

Tritanopia

#BADAD9

Achromatopsia

#CCCCCC

CSS Usage

background-color: #B9CFE2;
color: #B9CFE2;
border-color: #B9CFE2;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDCEA
300
#A8C4DB
400
#7AA4C8
500
#4B83B4
600
#3C6990
700
#305473
800
#25425A
900
#1E3243
950
#131F2A

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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