#CFCA48

#CFCA48

Color Values

HEX

#CFCA48

RGB

207, 202, 72

HSL

57.8, 58.4%, 54.7%

HSV

57.8, 65.2%, 81.2%

CMYK

0.0%, 2.4%, 65.2%, 18.8%

OKLCH

0.8194 0.1484 107.1

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CFCA48

#484DCF

Analogous

#CF8748

#90CF48

#CFCA48

Triadic

#CFCA48

#48CFCA

#CA48CF

Split Complementary

#CFCA48

#4890CF

#8748CF

Tetradic

#CFCA48

#48CF87

#484DCF

#CF4890

Color Blindness Simulation

Original

#CFCA48

Protanopia

#CDCD67

Deuteranopia

#CDCD6F

Tritanopia

#CF8086

Achromatopsia

#C2C2C2

CSS Usage

background-color: #CFCA48;
color: #CFCA48;
border-color: #CFCA48;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFBF4
100
#F6F5E4
200
#F0EFC6
300
#E6E39E
400
#D8D46A
500
#CAC435
600
#A29D2A
700
#817E22
800
#65621B
900
#4A4817
950
#2F2E0F

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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