#C3DCCC

#C3DCCC

Color Values

HEX

#C3DCCC

RGB

195, 220, 204

HSL

141,6, 26,3%, 81,4%

HSV

141,6, 11,4%, 86,3%

CMYK

11,4%, 0,0%, 7,3%, 13,7%

OKLCH

0,8715 0,0344 157,6

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C3DCCC

#DCC3D3

Analogous

#C7DCC3

#C3DCD9

#C3DCCC

Triadic

#C3DCCC

#CCC3DC

#DCCCC3

Split Complementary

#C3DCCC

#D9C3DC

#DCC3C7

Tetradic

#C3DCCC

#C3C7DC

#DCC3D3

#DCD9C3

Color Blindness Simulation

Original

#C3DCCC

Protanopia

#CECED0

Deuteranopia

#CCCAD1

Tritanopia

#C4D3D4

Achromatopsia

#D6D6D6

CSS Usage

background-color: #C3DCCC;
color: #C3DCCC;
border-color: #C3DCCC;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D2E5D9
300
#B2D2BD
400
#88B99A
500
#5EA176
600
#4B815E
700
#3C674C
800
#2F513B
900
#253C2D
950
#17261D

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

14,43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026