#EDB176

#EDB176

Color Values

HEX

#EDB176

RGB

237, 177, 118

HSL

29.7, 76.8%, 69.6%

HSV

29.7, 50.2%, 92.9%

CMYK

0.0%, 25.3%, 50.2%, 7.1%

OKLCH

0.8033 0.103 65.0

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#EDB176

#76B2ED

Analogous

#ED7677

#EDEC76

#EDB176

Triadic

#EDB176

#76EDB1

#B176ED

Split Complementary

#EDB176

#76EDEC

#7677ED

Tetradic

#EDB176

#77ED76

#76B2ED

#EC76ED

Color Blindness Simulation

Original

#EDB176

Protanopia

#D3D284

Deuteranopia

#D6DB88

Tritanopia

#EA9092

Achromatopsia

#B9B9B9

CSS Usage

background-color: #EDB176;
color: #EDB176;
border-color: #EDB176;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DBC0
300
#F1C193
400
#E9A058
500
#E17F1E
600
#B46518
700
#905113
800
#713F0F
900
#52300F
950
#341E09

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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