#C8BA43

#C8BA43

Color Values

HEX

#C8BA43

RGB

200, 186, 67

HSL

53.7, 54.7%, 52.4%

HSV

53.7, 66.5%, 78.4%

CMYK

0.0%, 7.0%, 66.5%, 21.6%

OKLCH

0.7788 0.1377 102.6

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#C8BA43

#4351C8

Analogous

#C87843

#94C843

#C8BA43

Triadic

#C8BA43

#43C8BA

#BA43C8

Split Complementary

#C8BA43

#4394C8

#7843C8

Tetradic

#C8BA43

#43C878

#4351C8

#C84394

Color Blindness Simulation

Original

#C8BA43

Protanopia

#C2C260

Deuteranopia

#C3C467

Tritanopia

#C7777C

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EFEBC8
300
#E3DCA0
400
#D4C96D
500
#C5B73A
600
#9E922E
700
#7E7525
800
#635B1D
900
#484319
950
#2E2B10

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.56:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026