#B1DCBC

#B1DCBC

Color Values

HEX

#B1DCBC

RGB

177, 220, 188

HSL

135,3, 38,1%, 77,8%

HSV

135,3, 19,5%, 86,3%

CMYK

19,5%, 0,0%, 14,5%, 13,7%

OKLCH

0,8552 0,063 152,8

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#B1DCBC

#DCB1D1

Analogous

#BBDCB1

#B1DCD1

#B1DCBC

Triadic

#B1DCBC

#BCB1DC

#DCBCB1

Split Complementary

#B1DCBC

#D1B1DC

#DCB1BB

Tetradic

#B1DCBC

#B1BBDC

#DCB1D1

#DCD1B1

Color Blindness Simulation

Original

#B1DCBC

Protanopia

#C4C4C4

Deuteranopia

#C1BEC6

Tritanopia

#B3CACB

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E7F3EA
200
#CEE9D5
300
#AAD9B6
400
#7DC58F
500
#4FB068
600
#3F8D53
700
#337142
800
#275834
900
#204128
950
#142919

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

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