#C4842B

#C4842B

Color Values

HEX

#C4842B

RGB

196, 132, 43

HSL

34.9, 64.0%, 46.9%

HSV

34.9, 78.1%, 76.9%

CMYK

0.0%, 32.7%, 78.1%, 23.1%

OKLCH

0.6637 0.1271 70.4

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#C4842B

#2B6BC4

Analogous

#C4382B

#B8C42B

#C4842B

Triadic

#C4842B

#2BC484

#842BC4

Split Complementary

#C4842B

#2BB8C4

#382BC4

Tetradic

#C4842B

#2BC438

#2B6BC4

#C42BB8

Color Blindness Simulation

Original

#C4842B

Protanopia

#A8A841

Deuteranopia

#ACB146

Tritanopia

#C15255

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F2DFC4
300
#E9C89B
400
#DDAB64
500
#D18D2E
600
#A77125
700
#865A1D
800
#694617
900
#4C3515
950
#30210D

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.68:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026