Crushed Pineapple Color – #efcc44: Codes and Complete Breakdown

The Crushed Pineapple color hex code is #efcc44, and it is composed of 94% red, 80% green and 27% blue.

Crushed Pineapple is a light, bright, and warm color at 72% saturation. It has a contrast ratio of 1.57:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Crushed Pineapple color (#efcc44) against dark backgrounds.

Crushed Pineapple color

Crushed Pineapple Color Shades

Complementary colors

  1. #EFCD44

  2. #4466EF

Triadic colors

  1. #EFCD44

  2. #44EFCD

  3. #CD44EF

Tints or lighter colors

  1. #F3D973

  2. #F7E6A2

  3. #FBF3D1

Darker colors

  1. #EBC015

  2. #BD9A10

  3. #8E740C

  4. #5F4E08

  5. #302704

Analogous colors

  1. #EF4466

  2. #EF7744

  3. #EFCD44

  4. #BCEF44

  5. #66EF44

Monochromatic colors

  1. #E6B801

  2. #F8CD21

  3. #F5D657

  4. #F5E08B

  5. #F7EBBB

#efcc44

Crushed Pineapple Color Codes and Information

Here’s a complete breakdown of the color Crushed Pineapple, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#efcc44
RGBrgb(239,204,68)
HSLhsl(48,84.2%,60.2%)
CMYK0, 15, 72, 6
HSV48, 72, 94
RGB %94, 80, 27
XYZ58.2, 62, 14.4
LAB82.9, -1.8, 68.6
Color CategoryLight
Color FamilyYellow
Saturation72%
TemperatureWarm
Contrast Ratio Againt White (#ffffff)1.57 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)13.39 (passes WCAG AA)

Similar Colors to Crushed Pineapple Color

  1. #ddd7d1

    light crushed almond color ddd7d1

    Light Crushed Almond

  2. #445397

    crushed velvet color 445397

    Crushed Velvet

  3. #673c4c

    crushed violets color 673c4c

    Crushed Violets

  4. #efcc44

    crushed pineapple color efcc44

    Crushed Pineapple

  5. #b06880

    crushed raspberry color b06880

    Crushed Raspberry

  6. #d8cfbe

    crushed silk color d8cfbe

    Crushed Silk

  7. #bcaa9f

    crushed stone color bcaa9f

    Crushed Stone

  8. #ae7f71

    crushed clay color ae7f71

    Crushed Clay