ColorTool
Log in
#FFA982

#ffa982 ≈ Light Salmon

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

#ffa982 is a color from the orange family, with high lightness and moderate saturation. In the RGB model it is made of 100% red, 66.27% green and 50.98% blue; printed in CMYK it uses 0% cyan, 33.73% magenta, 49.02% yellow and 0% black. Its hue angle is 18.72°, with 100% saturation and 75.49% 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 11.25:1 (WCAG AAA). The closest named color is Light Salmon (#ffa07a), ΔE 2.43.

Description generated from the measured properties of this color.

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

Complementary

  1. #ffa982
  2. #82d8ff

Split complementary

  1. #ffa982
  2. #82ffe7
  3. #8299ff

Analogous

  1. #ff8299
  2. #ffa982
  3. #ffe782

Triadic

  1. #ffa982
  2. #82ffa9
  3. #a982ff

Tetradic

  1. #ffa982
  2. #d8ff82
  3. #82d8ff
  4. #a982ff

Square

  1. #ffa982
  2. #99ff82
  3. #82d8ff
  4. #e782ff

Monochromatic

  1. #e84800
  2. #ff7435
  3. #ffa982
  4. #ffdece
  5. #fff1eb

Shades

#ffa982 mixed progressively with black.

  1. #ffa982
  2. #e69875
  3. #cc8768
  4. #b3765b
  5. #99654e
  6. #805541
  7. #664434
  8. #4d3327
  9. #33221a
  10. #1a110d
  11. #000000

Tints

#ffa982 mixed progressively with white.

  1. #ffa982
  2. #ffb28f
  3. #ffba9b
  4. #ffc3a8
  5. #ffcbb4
  6. #ffd4c1
  7. #ffddcd
  8. #ffe5da
  9. #ffeee6
  10. #fff6f3
  11. #ffffff

Tones

#ffa982 mixed progressively with gray.

  1. #ffa982
  2. #f2a582
  3. #e6a182
  4. #d99d81
  5. #cc9981
  6. #c09581
  7. #b39081
  8. #a68c81
  9. #998880
  10. #8d8480
  11. #808080

Readable text 1.87:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 11.25:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #bebebe ≈ 0.003% of males
Achromatomaly #dbb6a9 ≈ 0.001% of males
Protanopia #c0b37f ≈ 1.01% of males
Deuteranopia #d4c582 ≈ 1.27% of males
Tritanopia #ff9a9f ≈ 0.0001% of males
Protanomaly #dcaf80 ≈ 1.08% of males
Deuteranomaly #e6ba82 ≈ 4.63% of males
Tritanomaly #ffa094 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-ffa982 {
  color: #ffa982;
}
Background
.bg-ffa982 {
  background-color: #ffa982;
  color: #000000;
}
Border
.border-ffa982 {
  border: 2px solid #ffa982;
}
CSS variables
:root {
  --color-primary: #ffa982;
  --color-primary-rgb: 255 169 130;
  --color-primary-hsl: 19 100% 75%;
}
Gradient
.gradient-ffa982 {
  background: linear-gradient(135deg, #ffa982, #ffe782);
}
Colored shadow
.shadow-ffa982 {
  box-shadow: 0 8px 24px rgb(255 169 130 / 0.35);
}

#ffa07a Light Salmon ΔE 2.43 #ffa089 Vivid Tangerine ΔE 5.87 #e9967a Dark Salmon ΔE 6.08 #deaa88 Tumbleweed ΔE 7.34 #f4a460 Sandy Brown ΔE 8.53 #e5aa70 Fawn ΔE 9.92 #ff7f50 Coral ΔE 10.04 #00567d Inverted #bebebe Grayscale 

Light Salmon
#ffa982  rgb(255, 169, 130)  hsl(19, 100%, 75%)  Light Salmon
#82d8ff  rgb(130, 216, 255)  hsl(199, 100%, 75%)  Baby Blue
#82ffa9  rgb(130, 255, 169)  hsl(139, 100%, 75%)  Pale Green
#a982ff  rgb(169, 130, 255)  hsl(259, 100%, 75%)  Floral Lavender