ColorTool
Log in
#FEDAAA

#fedaaa ≈ Sunset

  • orange
  • Lightness: very high
  • Saturation: moderate
  • Warm
Check contrast Explore in graph Random color

#fedaaa is a color from the orange family, with very high lightness and moderate saturation. In the RGB model it is made of 99.61% red, 85.49% green and 66.67% blue; printed in CMYK it uses 0% cyan, 14.17% magenta, 33.07% yellow and 0.39% black. Its hue angle is 34.29°, with 97.67% saturation and 83.14% lightness in HSL. It is a warm color, often associated with enthusiasm, warmth and creativity. Designers typically use it for call-to-action buttons, food and restaurant brands and soft pastel palettes. Black text on this color reaches a contrast ratio of 15.82:1 (WCAG AAA). The closest named color is Sunset (#fad6a5), ΔE 0.95.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#ffcc99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.7412

Complementary

  1. #fedaaa
  2. #aacefe

Split complementary

  1. #fedaaa
  2. #aaf8fe
  3. #b0aafe

Analogous

  1. #feb0aa
  2. #fedaaa
  3. #f8feaa

Triadic

  1. #fedaaa
  2. #aafeda
  3. #daaafe

Tetradic

  1. #fedaaa
  2. #cefeaa
  3. #aacefe
  4. #daaafe

Square

  1. #fedaaa
  2. #aafeb0
  3. #aacefe
  4. #feaaf8

Monochromatic

  1. #fc9813
  2. #fdb95e
  3. #fedaaa
  4. #fff6eb
  5. #fff6eb

Shades

#fedaaa mixed progressively with black.

  1. #fedaaa
  2. #e5c499
  3. #cbae88
  4. #b29977
  5. #988366
  6. #7f6d55
  7. #665744
  8. #4c4133
  9. #332c22
  10. #191611
  11. #000000

Tints

#fedaaa mixed progressively with white.

  1. #fedaaa
  2. #fedeb3
  3. #fee1bb
  4. #fee5c4
  5. #fee9cc
  6. #ffedd5
  7. #fff0dd
  8. #fff4e6
  9. #fff8ee
  10. #fffbf7
  11. #ffffff

Tones

#fedaaa mixed progressively with gray.

  1. #fedaaa
  2. #f1d1a6
  3. #e5c8a2
  4. #d8bf9d
  5. #ccb699
  6. #bfad95
  7. #b2a491
  8. #a69b8d
  9. #999288
  10. #8d8984
  11. #808080

Readable text 1.33:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 15.82:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #dfdfdf ≈ 0.003% of males
Achromatomaly #ecddcc ≈ 0.001% of males
Protanopia #e8daa7 ≈ 1.01% of males
Deuteranopia #f1e3ab ≈ 1.27% of males
Tritanopia #ffd1cd ≈ 0.0001% of males
Protanomaly #f1daa8 ≈ 1.08% of males
Deuteranomaly #f6dfab ≈ 4.63% of males
Tritanomaly #ffd4c0 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-fedaaa {
  color: #fedaaa;
}
Background
.bg-fedaaa {
  background-color: #fedaaa;
  color: #000000;
}
Border
.border-fedaaa {
  border: 2px solid #fedaaa;
}
CSS variables
:root {
  --color-primary: #fedaaa;
  --color-primary-rgb: 254 218 170;
  --color-primary-hsl: 34 98% 83%;
}
Gradient
.gradient-fedaaa {
  background: linear-gradient(135deg, #fedaaa, #f8feaa);
}
Colored shadow
.shadow-fedaaa {
  box-shadow: 0 8px 24px rgb(254 218 170 / 0.35);
}

#fad6a5 Sunset ΔE 0.95 #ffdead Navajo White ΔE 1.32 #ffe4b5 Moccasin ΔE 3.37 #ffe5b4 Peach ΔE 3.89 #f5deb3 Wheat ΔE 4.03 #fdd5b1 Light Apricot ΔE 4.37 #ffdab9 Peach Puff ΔE 4.75 #012555 Inverted #dfdfdf Grayscale 

Sunset
#fedaaa  rgb(254, 218, 170)  hsl(34, 98%, 83%)  Sunset
#aacefe  rgb(170, 206, 254)  hsl(214, 98%, 83%)  Light Steel Blue
#aafeda  rgb(170, 254, 218)  hsl(154, 98%, 83%)  Magic Mint
#daaafe  rgb(218, 170, 254)  hsl(274, 98%, 83%)  Mauve