ColorTool
Log in
#490CA9

#490ca9 ≈ Zaffre

  • violet
  • Lightness: low
  • Saturation: strong
  • Cool
Check contrast Explore in graph Random color

#490ca9 is a color from the violet family, with low lightness and strong saturation. In the RGB model it is made of 28.63% red, 4.71% green and 66.27% blue; printed in CMYK it uses 56.8% cyan, 92.9% magenta, 0% yellow and 33.73% black. Its hue angle is 263.31°, with 86.74% saturation and 35.49% lightness in HSL. It is a cool color, often associated with imagination, spirituality and luxury. Designers typically use it for beauty and cosmetics, creative studios and call-to-action buttons. White text on this color reaches a contrast ratio of 11:1 (WCAG AAA). The closest named color is Zaffre (#0014a8), ΔE 5.59.

Description generated from the measured properties of this color.

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

Complementary

  1. #490ca9
  2. #6ca90c

Split complementary

  1. #490ca9
  2. #a9970c
  3. #1ea90c

Analogous

  1. #0c1ea9
  2. #490ca9
  3. #970ca9

Triadic

  1. #490ca9
  2. #a9490c
  3. #0ca949

Tetradic

  1. #490ca9
  2. #a90c6c
  3. #6ca90c
  4. #0ca949

Square

  1. #490ca9
  2. #a90c1e
  3. #6ca90c
  4. #0ca997

Monochromatic

  1. #0b021a
  2. #2a0762
  3. #490ca9
  4. #6813ee
  5. #965bf3

Shades

#490ca9 mixed progressively with black.

  1. #490ca9
  2. #420b98
  3. #3a0a87
  4. #330876
  5. #2c0765
  6. #250655
  7. #1d0544
  8. #160433
  9. #0f0222
  10. #070111
  11. #000000

Tints

#490ca9 mixed progressively with white.

  1. #490ca9
  2. #5b24b2
  3. #6d3dba
  4. #8055c3
  5. #926dcb
  6. #a486d4
  7. #b69edd
  8. #c8b6e5
  9. #dbceee
  10. #ede7f6
  11. #ffffff

Tones

#490ca9 mixed progressively with gray.

  1. #490ca9
  2. #4f18a5
  3. #5423a1
  4. #5a2f9d
  5. #5f3a99
  6. #654695
  7. #6a5290
  8. #705d8c
  9. #756988
  10. #7b7484
  11. #808080

Readable text 11:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.91:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #3c3c3c ≈ 0.003% of males
Achromatomaly #422f77 ≈ 0.001% of males
Protanopia #003fad ≈ 1.01% of males
Deuteranopia #0038a6 ≈ 1.27% of males
Tritanopia #1d4362 ≈ 0.0001% of males
Protanomaly #0032ab ≈ 1.08% of males
Deuteranomaly #002ca7 ≈ 4.63% of males
Tritanomaly #343585 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-490ca9 {
  color: #490ca9;
}
Background
.bg-490ca9 {
  background-color: #490ca9;
  color: #ffffff;
}
Border
.border-490ca9 {
  border: 2px solid #490ca9;
}
CSS variables
:root {
  --color-primary: #490ca9;
  --color-primary-rgb: 73 12 169;
  --color-primary-hsl: 263 87% 35%;
}
Gradient
.gradient-490ca9 {
  background: linear-gradient(135deg, #490ca9, #970ca9);
}
Colored shadow
.shadow-490ca9 {
  box-shadow: 0 8px 24px rgb(73 12 169 / 0.35);
}

#0014a8 Zaffre ΔE 5.59 #0000cd Medium Blue ΔE 5.71 #4b0082 Indigo ΔE 6.02 #32127a Persian Indigo ΔE 7.32 #00008b Dark Blue ΔE 7.95 #000f89 Phthalo Blue ΔE 7.96 #002395 Imperial Blue ΔE 8.17 #b6f356 Inverted #3c3c3c Grayscale 

Zaffre
#490ca9  rgb(73, 12, 169)  hsl(263, 87%, 35%)  Zaffre
#6ca90c  rgb(108, 169, 12)  hsl(83, 87%, 35%)  Apple Green
#a9490c  rgb(169, 73, 12)  hsl(23, 87%, 35%)  Rust
#0ca949  rgb(12, 169, 73)  hsl(143, 87%, 35%)  Jade