#B8ECCD

#B8ECCD

Color Values

HEX

#B8ECCD

RGB

184, 236, 205

HSL

144.2, 57.8%, 82.4%

HSV

144.2, 22.0%, 92.5%

CMYK

22.0%, 0.0%, 13.1%, 7.5%

OKLCH

0.8986 0.0682 158.5

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#B8ECCD

#ECB8D7

Analogous

#BDECB8

#B8ECE7

#B8ECCD

Triadic

#B8ECCD

#CDB8EC

#ECCDB8

Split Complementary

#B8ECCD

#E7B8EC

#ECB8BD

Tetradic

#B8ECCD

#B8BDEC

#ECB8D7

#ECE7B8

Color Blindness Simulation

Original

#B8ECCD

Protanopia

#CFCFD4

Deuteranopia

#CCC8D6

Tritanopia

#BBDADC

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E4F6EB
200
#C7F0D7
300
#9EE5BB
400
#6AD796
500
#36C971
600
#2BA15B
700
#228148
800
#1B6539
900
#174A2C
950
#0F2F1C

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026