#CEAF90

#CEAF90

Color Values

HEX

#CEAF90

RGB

206, 175, 144

HSL

30.0, 38.8%, 68.6%

HSV

30.0, 30.1%, 80.8%

CMYK

0.0%, 15.0%, 30.1%, 19.2%

OKLCH

0.7733 0.0556 66.8

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CEAF90

#90AFCE

Analogous

#CE9090

#CECE90

#CEAF90

Triadic

#CEAF90

#90CEAF

#AF90CE

Split Complementary

#CEAF90

#90CECE

#9090CE

Tetradic

#CEAF90

#90CE90

#90AFCE

#CE90CE

Color Blindness Simulation

Original

#CEAF90

Protanopia

#C1C097

Deuteranopia

#C2C599

Tritanopia

#CC9D9F

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#E9DBCD
300
#DAC2AA
400
#C5A17C
500
#B1804E
600
#8E663E
700
#715232
800
#584027
900
#413020
950
#291F14

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026