#C65306

#C65306

Color Values

HEX

#C65306

RGB

198, 83, 6

HSL

24.1, 94.1%, 40.0%

HSV

24.1, 97.0%, 77.6%

CMYK

0.0%, 58.1%, 97.0%, 22.4%

OKLCH

0.5829 0.1637 45.3

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#C65306

#0679C6

Analogous

#C60619

#C6B306

#C65306

Triadic

#C65306

#06C653

#5306C6

Split Complementary

#C65306

#06C6B3

#0619C6

Tetradic

#C65306

#19C606

#0679C6

#B306C6

Color Blindness Simulation

Original

#C65306

Protanopia

#949319

Deuteranopia

#9BA41D

Tritanopia

#C0272B

Achromatopsia

#666666

CSS Usage

background-color: #C65306;
color: #C65306;
border-color: #C65306;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF6F1
100
#FBEADF
200
#FDD5BA
300
#FBB688
400
#F98F48
500
#F76808
600
#C65306
700
#9E4205
800
#7C3404
900
#592807
950
#391A05

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.64: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