#B9ECCD

#B9ECCD

Color Values

HEX

#B9ECCD

RGB

185, 236, 205

HSL

143.5, 57.3%, 82.5%

HSV

143.5, 21.6%, 92.5%

CMYK

21.6%, 0.0%, 13.1%, 7.5%

OKLCH

0.8992 0.0674 158.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#B9ECCD

#ECB9D8

Analogous

#BEECB9

#B9ECE6

#B9ECCD

Triadic

#B9ECCD

#CDB9EC

#ECCDB9

Split Complementary

#B9ECCD

#E6B9EC

#ECB9BE

Tetradic

#B9ECCD

#B9BEEC

#ECB9D8

#ECE6B9

Color Blindness Simulation

Original

#B9ECCD

Protanopia

#CFD0D4

Deuteranopia

#CCC8D6

Tritanopia

#BCDADC

Achromatopsia

#DFDFDF

CSS Usage

background-color: #B9ECCD;
color: #B9ECCD;
border-color: #B9ECCD;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F4FBF7
100
#E4F6EB
200
#C7F0D7
300
#9FE5BA
400
#6BD795
500
#36C970
600
#2CA059
700
#238047
800
#1B6438
900
#17492B
950
#0F2E1B

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.94:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026