#EDB897

#EDB897

Color Values

HEX

#EDB897

RGB

237, 184, 151

HSL

23.0, 70.5%, 76.1%

HSV

23.0, 36.3%, 92.9%

CMYK

0.0%, 22.4%, 36.3%, 7.1%

OKLCH

0.8225 0.076 53.3

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#EDB897

#97CCED

Analogous

#ED97A1

#EDE397

#EDB897

Triadic

#EDB897

#97EDB8

#B897ED

Split Complementary

#EDB897

#97EDE3

#97A1ED

Tetradic

#EDB897

#A1ED97

#97CCED

#E397ED

Color Blindness Simulation

Original

#EDB897

Protanopia

#D6D69F

Deuteranopia

#D9DDA1

Tritanopia

#EAA5A7

Achromatopsia

#C1C1C1

CSS Usage

background-color: #EDB897;
color: #EDB897;
border-color: #EDB897;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF6F3
100
#F8EBE2
200
#F4D5C2
300
#EDB897
400
#E3915E
500
#D96B26
600
#AE551E
700
#8B4418
800
#6D3513
900
#4F2912
950
#321A0B

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.9:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026