#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026