#C5C230

#C5C230

Color Values

HEX

#C5C230

RGB

197, 194, 48

HSL

58.8, 60.8%, 48.0%

HSV

58.8, 75.6%, 77.3%

CMYK

0.0%, 1.5%, 75.6%, 22.7%

OKLCH

0.792 0.1573 108.3

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#C5C230

#3033C5

Analogous

#C57730

#7DC530

#C5C230

Triadic

#C5C230

#30C5C2

#C230C5

Split Complementary

#C5C230

#307DC5

#7730C5

Tetradic

#C5C230

#30C577

#3033C5

#C5307D

Color Blindness Simulation

Original

#C5C230

Protanopia

#C4C453

Deuteranopia

#C4C45C

Tritanopia

#C56F75

Achromatopsia

#B8B8B8

CSS Usage

background-color: #C5C230;
color: #C5C230;
border-color: #C5C230;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C6
300
#E7E69D
400
#DAD867
500
#CDCA32
600
#A4A228
700
#838120
800
#676519
900
#4B4A16
950
#2F2F0E

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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