#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026