#FFCDB4

#FFCDB4

Color Values

HEX

#FFCDB4

RGB

255, 205, 180

HSL

20,0, 100,0%, 85,3%

HSV

20,0, 29,4%, 100,0%

CMYK

0,0%, 19,6%, 29,4%, 0,0%

OKLCH

0,8857 0,0662 48,0

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FFCDB4

#B4E6FF

Analogous

#FFB4C1

#FFF3B4

#FFCDB4

Triadic

#FFCDB4

#B4FFCD

#CDB4FF

Split Complementary

#FFCDB4

#B4FFF3

#B4C1FF

Tetradic

#FFCDB4

#C1FFB4

#B4E6FF

#F3B4FF

Color Blindness Simulation

Original

#FFCDB4

Protanopia

#E9E9BA

Deuteranopia

#ECF0BC

Tritanopia

#FCBFC0

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FFCFB8
300
#FFAD85
400
#FF8142
500
#FF5500
600
#CC4400
700
#A33600
800
#802A00
900
#5C2205
950
#3A1503

Contrast Checker

Text on white

1,43:1

AA Fail AAA Fail

Text on black

14,64:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026