#DFCA63

#DFCA63

Color Values

HEX

#DFCA63

RGB

223, 202, 99

HSL

49.8, 66.0%, 63.1%

HSV

49.8, 55.6%, 87.5%

CMYK

0.0%, 9.4%, 55.6%, 12.5%

OKLCH

0.8361 0.1257 98.0

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#DFCA63

#6378DF

Analogous

#DF8C63

#B6DF63

#DFCA63

Triadic

#DFCA63

#63DFCA

#CA63DF

Split Complementary

#DFCA63

#63B6DF

#8C63DF

Tetradic

#DFCA63

#63DF8C

#6378DF

#DF63B6

Color Blindness Simulation

Original

#DFCA63

Protanopia

#D6D67C

Deuteranopia

#D7D982

Tritanopia

#DE9094

Achromatopsia

#C7C7C7

CSS Usage

background-color: #DFCA63;
color: #DFCA63;
border-color: #DFCA63;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCFAF3
100
#F7F4E3
200
#F3EBC4
300
#EADC99
400
#DFCA62
500
#D4B72B
600
#A99223
700
#87751C
800
#6A5C16
900
#4D4314
950
#312B0C

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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