#C5ECBB

#C5ECBB

Color Values

HEX

#C5ECBB

RGB

197, 236, 187

HSL

107.8, 56.3%, 82.9%

HSV

107.8, 20.8%, 92.5%

CMYK

16.5%, 0.0%, 20.8%, 7.5%

OKLCH

0.9026 0.0773 139.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#C5ECBB

#E2BBEC

Analogous

#DDECBB

#BBECC9

#C5ECBB

Triadic

#C5ECBB

#BBC5EC

#ECBBC5

Split Complementary

#C5ECBB

#C9BBEC

#ECBBDD

Tetradic

#C5ECBB

#BBDDEC

#E2BBEC

#ECC9BB

Color Blindness Simulation

Original

#C5ECBB

Protanopia

#D6D6C7

Deuteranopia

#D4D1CA

Tritanopia

#C7D0D2

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F5FBF4
100
#E8F6E5
200
#CFEFC7
300
#ADE49F
400
#81D66C
500
#55C738
600
#449F2D
700
#368024
800
#2A641C
900
#224918
950
#152E0F

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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