PANTONE Passion Fruit

Rich Professional Yellow

Technical Values

HEX#DCC13A
content_copy
RGB220, 193, 58
content_copy
CMYK0, 12, 74, 14
content_copy
HSL50°, 70%, 55%
content_copy

Tints & Shades

Shades — Darkening PANTONE Passion Fruit

#DDC23C
#D9BB26
#BFA522
#A9921E
#8F7B19
#796915
#5F5211
#4A400D
#302908
#161304

Tints — Lightening PANTONE Passion Fruit

#DDC23C
#E0C952
#E3CE63
#E7D579
#EADA8A
#EEE1A0
#F1E7B1
#F5EDC7
#F8F3D8
#FCFAEE

Color Harmonies

Complementary

#DCC13A
#3C57DD

Analogous

#DD713C
#DCC13A
#A7DD3C

Triadic

#DCC13A
#3CDDC2
#C23CDD

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 4016 C#D5BF39ΔE 2.55
PANTONE P 2-6 C#E0C645ΔE 2.85
PANTONE P 1-16 U#D7BA37ΔE 2.89
PANTONE 15-0635 TPG#D6BB3BΔE 3.33

CSS Implementation

Style Definitions

.color-primary {

background-color: #DCC13A;

color: #000000;

border: 1px solid #DCC13A;

background: linear-gradient(135deg, #DCC13A 0%, #A9921E 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA FAIL

Contrast on Black Text

AA PASSAAA PASS

Recommendation: Use black text for optimal legibility on this color.

Color Blindness Simulation

Protanopia
#E1B733 (Red Blind)
Deuteranopia
#EAC23E (Green Blind)
Tritanopia
#FBAB98 (Blue Blind)

About This Color

PANTONE Passion Fruit is a moderately saturated yellow with medium tonality. Its HEX value is #DCC13A, placing it in the yellow region of the color spectrum with a hue angle of 50°.

This mid-range tone offers excellent versatility, working in both digital interfaces and print applications. It provides strong visual impact while maintaining readability when paired with light or dark text.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.