#ECD697

#ECD697

Color Values

HEX

#ECD697

RGB

236, 214, 151

HSL

44,5, 69,1%, 75,9%

HSV

44,5, 36,0%, 92,5%

CMYK

0,0%, 9,3%, 36,0%, 7,5%

OKLCH

0,8797 0,0842 91,0

Properties

Warm Light Nearest: RAL 1015 Light Ivory

Color Harmonies

Complementary

#ECD697

#97ADEC

Analogous

#ECAC97

#D7EC97

#ECD697

Triadic

#ECD697

#97ECD6

#D697EC

Split Complementary

#ECD697

#97D7EC

#AC97EC

Tetradic

#ECD697

#97ECAC

#97ADEC

#EC97D7

Color Blindness Simulation

Original

#ECD697

Protanopia

#E2E2A6

Deuteranopia

#E4E5AA

Tritanopia

#EBB2B5

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F8F2E3
200
#F4E7C3
300
#ECD698
400
#E2C05F
500
#D8AA27
600
#AC8820
700
#8A6D19
800
#6C5514
900
#4F3F12
950
#32280C

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,63:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026