#EFC98C

#EFC98C

Color Values

HEX

#EFC98C

RGB

239, 201, 140

HSL

37.0, 75.6%, 74.3%

HSV

37.0, 41.4%, 93.7%

CMYK

0.0%, 15.9%, 41.4%, 6.3%

OKLCH

0.8548 0.089 79.0

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#EFC98C

#8CB2EF

Analogous

#EF978C

#E3EF8C

#EFC98C

Triadic

#EFC98C

#8CEFC9

#C98CEF

Split Complementary

#EFC98C

#8CE3EF

#978CEF

Tetradic

#EFC98C

#8CEF97

#8CB2EF

#EF8CE3

Color Blindness Simulation

Original

#EFC98C

Protanopia

#DFDE9B

Deuteranopia

#E1E49E

Tritanopia

#EDA6A9

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9F0E2
200
#F6E2C0
300
#F0CD94
400
#E8B159
500
#E0961F
600
#B37819
700
#8F6014
800
#704B10
900
#51380F
950
#33230A

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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