#CACF5D

#CACF5D

Color Values

HEX

#CACF5D

RGB

202, 207, 93

HSL

62,6, 54,3%, 58,8%

HSV

62,6, 55,1%, 81,2%

CMYK

2,4%, 0,0%, 55,1%, 18,8%

OKLCH

0,828 0,1374 111,3

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CACF5D

#625DCF

Analogous

#CF9B5D

#91CF5D

#CACF5D

Triadic

#CACF5D

#5DCACF

#CF5DCA

Split Complementary

#CACF5D

#5D91CF

#9B5DCF

Tetradic

#CACF5D

#5DCF9B

#625DCF

#CF5D91

Color Blindness Simulation

Original

#CACF5D

Protanopia

#CCCC79

Deuteranopia

#CCCB7F

Tritanopia

#CA8E93

Achromatopsia

#C6C6C6

CSS Usage

background-color: #CACF5D;
color: #CACF5D;
border-color: #CACF5D;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EDEFC8
300
#E0E3A1
400
#CFD46D
500
#BFC53A
600
#999D2F
700
#7A7E25
800
#5F621D
900
#464819
950
#2C2E10

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,59: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