#C3EDC6

#C3EDC6

Color Values

HEX

#C3EDC6

RGB

195, 237, 198

HSL

124.3, 53.8%, 84.7%

HSV

124.3, 17.7%, 92.9%

CMYK

17.7%, 0.0%, 16.5%, 7.1%

OKLCH

0.906 0.0684 146.9

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#C3EDC6

#EDC3EA

Analogous

#D5EDC3

#C3EDDB

#C3EDC6

Triadic

#C3EDC6

#C6C3ED

#EDC6C3

Split Complementary

#C3EDC6

#DBC3ED

#EDC3D5

Tetradic

#C3EDC6

#C3D5ED

#EDC3EA

#EDDBC3

Color Blindness Simulation

Original

#C3EDC6

Protanopia

#D5D6CF

Deuteranopia

#D3D0D2

Tritanopia

#C5D7D9

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F5E6
200
#C8EFCB
300
#A1E3A6
400
#6ED375
500
#3BC445
600
#2F9D37
700
#267E2C
800
#1D6222
900
#19481C
950
#102D12

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026