#D68825

#D68825

Color Values

HEX

#D68825

RGB

214, 136, 37

HSL

33.6, 70.5%, 49.2%

HSV

33.6, 82.7%, 83.9%

CMYK

0.0%, 36.4%, 82.7%, 16.1%

OKLCH

0.6926 0.1417 66.5

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#D68825

#2573D6

Analogous

#D63025

#CBD625

#D68825

Triadic

#D68825

#25D688

#8825D6

Split Complementary

#D68825

#25CBD6

#3025D6

Tetradic

#D68825

#25D630

#2573D6

#D625CB

Color Blindness Simulation

Original

#D68825

Protanopia

#B4B43D

Deuteranopia

#B9BF43

Tritanopia

#D25054

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE2
200
#F4DEC2
300
#EDC797
400
#E3A95E
500
#D98A26
600
#AE6F1E
700
#8B5918
800
#6D4513
900
#4F3412
950
#32210B

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.41:1

AA Pass AAA Pass

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