ColorTool
Log in
#3F29A5

#3f29a5 ≈ Zaffre

  • violet
  • Lightness: medium
  • Saturation: moderate
  • Cool
Check contrast Explore in graph Random color

#3f29a5 is a color from the violet family, with medium lightness and moderate saturation. In the RGB model it is made of 24.71% red, 16.08% green and 64.71% blue; printed in CMYK it uses 61.82% cyan, 75.15% magenta, 0% yellow and 35.29% black. Its hue angle is 250.65°, with 60.19% saturation and 40.39% 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 brand accents. White text on this color reaches a contrast ratio of 10.14:1 (WCAG AAA). The closest named color is Zaffre (#0014a8), ΔE 5.7.

Description generated from the measured properties of this color.

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

Complementary

  1. #3f29a5
  2. #8fa529

Split complementary

  1. #3f29a5
  2. #a57d29
  3. #51a529

Analogous

  1. #2951a5
  2. #3f29a5
  3. #7d29a5

Triadic

  1. #3f29a5
  2. #a53f29
  3. #29a53f

Tetradic

  1. #3f29a5
  2. #a5298f
  3. #8fa529
  4. #29a53f

Square

  1. #3f29a5
  2. #a52951
  3. #8fa529
  4. #29a57d

Monochromatic

  1. #100b2a
  2. #281a68
  3. #3f29a5
  4. #6149d2
  5. #9686e1

Shades

#3f29a5 mixed progressively with black.

  1. #3f29a5
  2. #392595
  3. #322184
  4. #2c1d74
  5. #261963
  6. #201553
  7. #191042
  8. #130c32
  9. #0d0821
  10. #060411
  11. #000000

Tints

#3f29a5 mixed progressively with white.

  1. #3f29a5
  2. #523eae
  3. #6554b7
  4. #7969c0
  5. #8c7fc9
  6. #9f94d2
  7. #b2a9db
  8. #c5bfe4
  9. #d9d4ed
  10. #eceaf6
  11. #ffffff

Tones

#3f29a5 mixed progressively with gray.

  1. #3f29a5
  2. #4632a1
  3. #4c3a9e
  4. #53439a
  5. #594c96
  6. #605593
  7. #665d8f
  8. #6d668b
  9. #736f87
  10. #7a7784
  11. #808080

Readable text 10.14:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 2.07:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #414141 ≈ 0.003% of males
Achromatomaly #403976 ≈ 0.001% of males
Protanopia #0046a9 ≈ 1.01% of males
Deuteranopia #003da3 ≈ 1.27% of males
Tritanopia #004c65 ≈ 0.0001% of males
Protanomaly #003ca7 ≈ 1.08% of males
Deuteranomaly #0036a4 ≈ 4.63% of males
Tritanomaly #224183 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-3f29a5 {
  color: #3f29a5;
}
Background
.bg-3f29a5 {
  background-color: #3f29a5;
  color: #ffffff;
}
Border
.border-3f29a5 {
  border: 2px solid #3f29a5;
}
CSS variables
:root {
  --color-primary: #3f29a5;
  --color-primary-rgb: 63 41 165;
  --color-primary-hsl: 251 60% 40%;
}
Gradient
.gradient-3f29a5 {
  background: linear-gradient(135deg, #3f29a5, #7d29a5);
}
Colored shadow
.shadow-3f29a5 {
  box-shadow: 0 8px 24px rgb(63 41 165 / 0.35);
}

#0014a8 Zaffre ΔE 5.70 #002395 Imperial Blue ΔE 5.85 #1034a6 Egyptian Blue ΔE 5.88 #1c39bb Persian Blue ΔE 6.22 #4f42b5 Ocean Blue ΔE 6.80 #0000cd Medium Blue ΔE 7.01 #003399 Smalt ΔE 7.30 #c0d65a Inverted #414141 Grayscale 

Zaffre
#3f29a5  rgb(63, 41, 165)  hsl(251, 60%, 40%)  Zaffre
#8fa529  rgb(143, 165, 41)  hsl(71, 60%, 40%)  Apple Green
#a53f29  rgb(165, 63, 41)  hsl(11, 60%, 40%)  Chestnut
#29a53f  rgb(41, 165, 63)  hsl(131, 60%, 40%)  Shamrock Green