#C3B248

#C3B248

Color Values

HEX

#C3B248

RGB

195, 178, 72

HSL

51.7, 50.6%, 52.4%

HSV

51.7, 63.1%, 76.5%

CMYK

0.0%, 8.7%, 63.1%, 23.5%

OKLCH

0.7578 0.1269 100.2

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#C3B248

#4859C3

Analogous

#C37548

#97C348

#C3B248

Triadic

#C3B248

#48C3B2

#B248C3

Split Complementary

#C3B248

#4897C3

#7548C3

Tetradic

#C3B248

#48C375

#4859C3

#C34897

Color Blindness Simulation

Original

#C3B248

Protanopia

#BCBB62

Deuteranopia

#BDBE68

Tritanopia

#C2767A

Achromatopsia

#AEAEAE

CSS Usage

background-color: #C3B248;
color: #C3B248;
border-color: #C3B248;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFAF4
100
#F5F3E5
200
#EDE8C9
300
#E1D8A3
400
#D0C371
500
#C0AE3F
600
#9A8B32
700
#7B6F28
800
#60571F
900
#47401A
950
#2D2911

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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