#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026