#FFCC85

#FFCC85

Color Values

HEX

#FFCC85

RGB

255, 204, 133

HSL

34,9, 100,0%, 76,1%

HSV

34,9, 47,8%, 100,0%

CMYK

0,0%, 20,0%, 47,8%, 0,0%

OKLCH

0,8748 0,1057 74,8

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FFCC85

#85B8FF

Analogous

#FF8F85

#F5FF85

#FFCC85

Triadic

#FFCC85

#85FFCC

#CC85FF

Split Complementary

#FFCC85

#85F5FF

#8F85FF

Tetradic

#FFCC85

#85FF8F

#85B8FF

#FF85F5

Color Blindness Simulation

Original

#FFCC85

Protanopia

#E9E896

Deuteranopia

#ECF09A

Tritanopia

#FCA4A7

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCF0DE
200
#FFE1B8
300
#FFCC85
400
#FFB042
500
#FF9400
600
#CC7700
700
#A35F00
800
#804A00
900
#5C3805
950
#3A2303

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,23:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026