#C4BA5D

#C4BA5D

Color Values

HEX

#C4BA5D

RGB

196, 186, 93

HSL

54,2, 46,6%, 56,7%

HSV

54,2, 52,6%, 76,9%

CMYK

0,0%, 5,1%, 52,6%, 23,1%

OKLCH

0,778 0,1156 103,2

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#C4BA5D

#5D67C4

Analogous

#C4875D

#9BC45D

#C4BA5D

Triadic

#C4BA5D

#5DC4BA

#BA5DC4

Split Complementary

#C4BA5D

#5D9BC4

#875DC4

Tetradic

#C4BA5D

#5DC487

#5D67C4

#C45D9B

Color Blindness Simulation

Original

#C4BA5D

Protanopia

#C0C073

Deuteranopia

#C0C179

Tritanopia

#C48589

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE9CB
300
#DED9A5
400
#CDC475
500
#BBAF44
600
#968C36
700
#78702C
800
#5D5822
900
#45411C
950
#2B2912

Contrast Checker

Text on white

1,99:1

AA Fail AAA Fail

Text on black

10,53: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