#FFCD8A

#FFCD8A

Color Values

HEX

#FFCD8A

RGB

255, 205, 138

HSL

34.4, 100.0%, 77.1%

HSV

34.4, 45.9%, 100.0%

CMYK

0.0%, 19.6%, 45.9%, 0.0%

OKLCH

0.8775 0.1014 74.0

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FFCD8A

#8ABCFF

Analogous

#FF938A

#F6FF8A

#FFCD8A

Triadic

#FFCD8A

#8AFFCD

#CD8AFF

Split Complementary

#FFCD8A

#8AF6FF

#938AFF

Tetradic

#FFCD8A

#8AFF93

#8ABCFF

#FF8AF6

Color Blindness Simulation

Original

#FFCD8A

Protanopia

#E9E99A

Deuteranopia

#ECF09E

Tritanopia

#FCA7AA

Achromatopsia

#D3D3D3

CSS Usage

background-color: #FFCD8A;
color: #FFCD8A;
border-color: #FFCD8A;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FFE1B8
300
#FFCB85
400
#FFAE42
500
#FF9200
600
#CC7500
700
#A35E00
800
#804900
900
#5C3705
950
#3A2303

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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