ColorTool
Log in
#2F215B

#2f215b ≈ Midnight Blue

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

#2f215b is a color from the violet family, with low lightness and muted saturation. In the RGB model it is made of 18.43% red, 12.94% green and 35.69% blue; printed in CMYK it uses 48.35% cyan, 63.74% magenta, 0% yellow and 64.31% black. Its hue angle is 254.48°, with 46.77% saturation and 24.31% 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 luxury branding. White text on this color reaches a contrast ratio of 14.1:1 (WCAG AAA). The closest named color is Midnight Blue (#191970), ΔE 6.53.

Description generated from the measured properties of this color.

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

Complementary

  1. #2f215b
  2. #4d5b21

Split complementary

  1. #2f215b
  2. #5b4c21
  3. #305b21

Analogous

  1. #21305b
  2. #2f215b
  3. #4c215b

Triadic

  1. #2f215b
  2. #5b2f21
  3. #215b2f

Tetradic

  1. #2f215b
  2. #5b214d
  3. #4d5b21
  4. #215b2f

Square

  1. #2f215b
  2. #5b2130
  3. #4d5b21
  4. #215b4c

Monochromatic

  1. #08050f
  2. #120d23
  3. #2f215b
  4. #4c3593
  5. #6e54c1

Shades

#2f215b mixed progressively with black.

  1. #2f215b
  2. #2a1e52
  3. #261a49
  4. #211740
  5. #1c1437
  6. #18112e
  7. #130d24
  8. #0e0a1b
  9. #090712
  10. #050309
  11. #000000

Tints

#2f215b mixed progressively with white.

  1. #2f215b
  2. #44376b
  3. #594d7c
  4. #6d648c
  5. #827a9d
  6. #9790ad
  7. #aca6bd
  8. #c1bcce
  9. #d5d3de
  10. #eae9ef
  11. #ffffff

Tones

#2f215b mixed progressively with gray.

  1. #2f215b
  2. #372b5f
  3. #3f3462
  4. #473e66
  5. #4f476a
  6. #58516e
  7. #605a71
  8. #686475
  9. #706d79
  10. #78777c
  11. #808080

Readable text 14.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.49:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #2b2b2b ≈ 0.003% of males
Achromatomaly #2d2843 ≈ 0.001% of males
Protanopia #002c5d ≈ 1.01% of males
Deuteranopia #002a5a ≈ 1.27% of males
Tritanopia #222e3a ≈ 0.0001% of males
Protanomaly #1b285c ≈ 1.08% of males
Deuteranomaly #1b275a ≈ 4.63% of males
Tritanomaly #282949 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-2f215b {
  color: #2f215b;
}
Background
.bg-2f215b {
  background-color: #2f215b;
  color: #ffffff;
}
Border
.border-2f215b {
  border: 2px solid #2f215b;
}
CSS variables
:root {
  --color-primary: #2f215b;
  --color-primary-rgb: 47 33 91;
  --color-primary-hsl: 254 47% 24%;
}
Gradient
.gradient-2f215b {
  background: linear-gradient(135deg, #2f215b, #4c215b);
}
Colored shadow
.shadow-2f215b {
  box-shadow: 0 8px 24px rgb(47 33 91 / 0.35);
}

#191970 Midnight Blue ΔE 6.53 #32127a Persian Indigo ΔE 7.76 #002147 Oxford Blue ΔE 10.15 #483d8b Dark Slate Blue ΔE 10.37 #4b0082 Indigo ΔE 10.52 #000f89 Phthalo Blue ΔE 10.72 #002395 Imperial Blue ΔE 11.08 #d0dea4 Inverted #2b2b2b Grayscale 

Midnight Blue
#2f215b  rgb(47, 33, 91)  hsl(254, 47%, 24%)  Midnight Blue
#4d5b21  rgb(77, 91, 33)  hsl(74, 47%, 24%)  Army Green
#5b2f21  rgb(91, 47, 33)  hsl(14, 47%, 24%)  Caput Mortuum
#215b2f  rgb(33, 91, 47)  hsl(134, 47%, 24%)  Hunter Green