ColorTool
Log in
#63283D

#63283d ≈ Pansy Purple

  • rose
  • Lightness: low
  • Saturation: muted
  • Warm
Check contrast Explore in graph Random color

#63283d is a color from the rose family, with low lightness and muted saturation. In the RGB model it is made of 38.82% red, 15.69% green and 23.92% blue; printed in CMYK it uses 0% cyan, 59.6% magenta, 38.38% yellow and 61.18% black. Its hue angle is 338.64°, with 42.45% saturation and 27.25% lightness in HSL. It is a warm color, often associated with romance, playfulness and affection. Designers typically use it for food and restaurant brands, sales and promotions and luxury branding. White text on this color reaches a contrast ratio of 11.04:1 (WCAG AAA). The closest named color is Pansy Purple (#78184a), ΔE 6.62.

Description generated from the measured properties of this color.

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

Complementary

  1. #63283d
  2. #28634e

Split complementary

  1. #63283d
  2. #286330
  3. #285a63

Analogous

  1. #63285a
  2. #63283d
  3. #633028

Triadic

  1. #63283d
  2. #3d6328
  3. #283d63

Tetradic

  1. #63283d
  2. #634e28
  3. #28634e
  4. #283d63

Square

  1. #63283d
  2. #5a6328
  3. #28634e
  4. #302863

Monochromatic

  1. #0f0609
  2. #2c121b
  3. #63283d
  4. #993e5f
  5. #c06485

Shades

#63283d mixed progressively with black.

  1. #63283d
  2. #592437
  3. #4f2031
  4. #451c2b
  5. #3b1825
  6. #32141f
  7. #281018
  8. #1e0c12
  9. #14080c
  10. #0a0406
  11. #000000

Tints

#63283d mixed progressively with white.

  1. #63283d
  2. #733e50
  3. #825364
  4. #926977
  5. #a17e8b
  6. #b1949e
  7. #c1a9b1
  8. #d0bfc5
  9. #e0d4d8
  10. #efeaec
  11. #ffffff

Tones

#63283d mixed progressively with gray.

  1. #63283d
  2. #663144
  3. #693a4a
  4. #6c4251
  5. #6f4b58
  6. #72545f
  7. #745d65
  8. #77666c
  9. #7a6e73
  10. #7d7779
  11. #808080

Readable text 11.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #3c3c3c ≈ 0.003% of males
Achromatomaly #4e353c ≈ 0.001% of males
Protanopia #32353e ≈ 1.01% of males
Deuteranopia #41403c ≈ 1.27% of males
Tritanopia #6b2330 ≈ 0.0001% of males
Protanomaly #4a303d ≈ 1.08% of males
Deuteranomaly #51383c ≈ 4.63% of males
Tritanomaly #682536 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-63283d {
  color: #63283d;
}
Background
.bg-63283d {
  background-color: #63283d;
  color: #ffffff;
}
Border
.border-63283d {
  border: 2px solid #63283d;
}
CSS variables
:root {
  --color-primary: #63283d;
  --color-primary-rgb: 99 40 61;
  --color-primary-hsl: 339 42% 27%;
}
Gradient
.gradient-63283d {
  background: linear-gradient(135deg, #63283d, #633028);
}
Colored shadow
.shadow-63283d {
  box-shadow: 0 8px 24px rgb(99 40 61 / 0.35);
}

#78184a Pansy Purple ΔE 6.62 #722f37 Wine ΔE 6.83 #66023c Tyrian Purple ΔE 7.12 #7f1734 Claret ΔE 8.21 #614051 Eggplant ΔE 8.37 #873260 Boysenberry ΔE 9.65 #702963 Byzantium ΔE 10.79 #9cd7c2 Inverted #3c3c3c Grayscale 

Pansy Purple
#63283d  rgb(99, 40, 61)  hsl(339, 42%, 27%)  Pansy Purple
#28634e  rgb(40, 99, 78)  hsl(159, 42%, 27%)  Hunter Green
#3d6328  rgb(61, 99, 40)  hsl(99, 42%, 27%)  Dark Olive Green
#283d63  rgb(40, 61, 99)  hsl(219, 42%, 27%)  Prussian Blue