#CCD294

#CCD294

Color Values

HEX

#CCD294

RGB

204, 210, 148

HSL

65.8, 40.8%, 70.2%

HSV

65.8, 29.5%, 82.4%

CMYK

2.9%, 0.0%, 29.5%, 17.6%

OKLCH

0.8442 0.0816 112.6

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCD294

#9A94D2

Analogous

#D2B994

#ADD294

#CCD294

Triadic

#CCD294

#94CCD2

#D294CC

Split Complementary

#CCD294

#94ADD2

#B994D2

Tetradic

#CCD294

#94D2B9

#9A94D2

#D294AD

Color Blindness Simulation

Original

#CCD294

Protanopia

#CFCFA3

Deuteranopia

#CECEA7

Tritanopia

#CCAFB1

Achromatopsia

#CCCCCC

CSS Usage

background-color: #CCD294;
color: #CCD294;
border-color: #CCD294;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E7EACD
300
#D6DBA9
400
#C0C77A
500
#A9B44B
600
#88903C
700
#6C7330
800
#555A26
900
#3F421F
950
#282A13

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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