#CA9535

#CA9535

Color Values

HEX

#CA9535

RGB

202, 149, 53

HSL

38,7, 58,4%, 50,0%

HSV

38,7, 73,8%, 79,2%

CMYK

0,0%, 26,2%, 73,8%, 20,8%

OKLCH

0,7041 0,1263 78,5

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#CA9535

#356ACA

Analogous

#CA4B35

#B4CA35

#CA9535

Triadic

#CA9535

#35CA95

#9535CA

Split Complementary

#CA9535

#35B4CA

#4B35CA

Tetradic

#CA9535

#35CA4B

#356ACA

#CA35B4

Color Blindness Simulation

Original

#CA9535

Protanopia

#B3B34C

Deuteranopia

#B6BA52

Tritanopia

#C75F63

Achromatopsia

#999999

CSS Usage

background-color: #CA9535;
color: #CA9535;
border-color: #CA9535;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FBF8F4
100
#F6F0E4
200
#F0E1C6
300
#E6CC9E
400
#D8B16A
500
#CA9535
600
#A2772A
700
#815F22
800
#654B1B
900
#4A3817
950
#2F230F

Contrast Checker

Text on white

2,67:1

AA Fail AAA Fail

Text on black

7,86:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026