#EDA25F

#EDA25F

Color Values

HEX

#EDA25F

RGB

237, 162, 95

HSL

28.3, 79.8%, 65.1%

HSV

28.3, 59.9%, 92.9%

CMYK

0.0%, 31.6%, 59.9%, 7.1%

OKLCH

0.7723 0.1221 61.2

Properties

Warm Light Nearest: sandybrown

Color Harmonies

Complementary

#EDA25F

#5FAAED

Analogous

#ED5F63

#EDE95F

#EDA25F

Triadic

#EDA25F

#5FEDA2

#A25FED

Split Complementary

#EDA25F

#5FEDE9

#5F63ED

Tetradic

#EDA25F

#63ED5F

#5FAAED

#E95FED

Color Blindness Simulation

Original

#EDA25F

Protanopia

#CDCC6F

Deuteranopia

#D1D673

Tritanopia

#E97C7F

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#F9ECE1
200
#F8DABF
300
#F3BF91
400
#EC9C55
500
#E57A1A
600
#B76115
700
#934E10
800
#733D0D
900
#532E0E
950
#351D09

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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