#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026