#C4B33B

#C4B33B

Color Values

HEX

#C4B33B

RGB

196, 179, 59

HSL

52.6, 53.7%, 50.0%

HSV

52.6, 69.9%, 76.9%

CMYK

0.0%, 8.7%, 69.9%, 23.1%

OKLCH

0.7597 0.1374 101.1

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#C4B33B

#3B4CC4

Analogous

#C46F3B

#90C43B

#C4B33B

Triadic

#C4B33B

#3BC4B3

#B33BC4

Split Complementary

#C4B33B

#3B90C4

#6F3BC4

Tetradic

#C4B33B

#3BC46F

#3B4CC4

#C43B90

Color Blindness Simulation

Original

#C4B33B

Protanopia

#BDBC58

Deuteranopia

#BEBF5F

Tritanopia

#C36F74

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F3E5
200
#EEEAC8
300
#E3DBA1
400
#D3C76E
500
#C4B33B
600
#9D8F2F
700
#7D7326
800
#625A1E
900
#484219
950
#2D2A10

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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