ColorTool
Log in
#200028

#200028 ≈ Midnight Blue

  • magenta
  • Lightness: very low
  • Saturation: muted
  • Balanced
Check contrast Explore in graph Random color

#200028 is a color from the magenta family, with very low lightness and muted saturation. In the RGB model it is made of 12.55% red, 0% green and 15.69% blue; printed in CMYK it uses 20% cyan, 100% magenta, 0% yellow and 84.31% black. Its hue angle is 288°, with 100% saturation and 7.84% lightness in HSL. It sits between warm and cool, and is often associated with creativity, boldness and individuality. Designers typically use it for beauty and cosmetics, creative studios and luxury branding. White text on this color reaches a contrast ratio of 19.23:1 (WCAG AAA). The closest named color is Midnight Blue (#191970), ΔE 15.76.

Description generated from the measured properties of this color.

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

Complementary

  1. #200028
  2. #082800

Split complementary

  1. #200028
  2. #1c2800
  3. #00280c

Analogous

  1. #0c0028
  2. #200028
  3. #28001c

Triadic

  1. #200028
  2. #282000
  3. #002820

Tetradic

  1. #200028
  2. #280008
  3. #082800
  4. #002820

Square

  1. #200028
  2. #280c00
  3. #082800
  4. #001c28

Monochromatic

  1. #100014
  2. #100014
  3. #200028
  4. #5d0074
  5. #9a00c1

Shades

#200028 mixed progressively with black.

  1. #200028
  2. #1d0024
  3. #1a0020
  4. #16001c
  5. #130018
  6. #100014
  7. #0d0010
  8. #0a000c
  9. #060008
  10. #030004
  11. #000000

Tints

#200028 mixed progressively with white.

  1. #200028
  2. #361a3e
  3. #4d3353
  4. #634d69
  5. #79667e
  6. #908094
  7. #a699a9
  8. #bcb3bf
  9. #d2ccd4
  10. #e9e6ea
  11. #ffffff

Tones

#200028 mixed progressively with gray.

  1. #200028
  2. #2a0d31
  3. #331a3a
  4. #3d2642
  5. #46334b
  6. #504054
  7. #5a4d5d
  8. #635a66
  9. #6d666e
  10. #767377
  11. #808080

Readable text 19.23:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.09:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #0f0f0f ≈ 0.003% of males
Achromatomaly #17091b ≈ 0.001% of males
Protanopia #000c29 ≈ 1.01% of males
Deuteranopia #021027 ≈ 1.27% of males
Tritanopia #200713 ≈ 0.0001% of males
Protanomaly #0e0729 ≈ 1.08% of males
Deuteranomaly #120a27 ≈ 4.63% of males
Tritanomaly #20041d ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-200028 {
  color: #200028;
}
Background
.bg-200028 {
  background-color: #200028;
  color: #ffffff;
}
Border
.border-200028 {
  border: 2px solid #200028;
}
CSS variables
:root {
  --color-primary: #200028;
  --color-primary-rgb: 32 0 40;
  --color-primary-hsl: 288 100% 8%;
}
Gradient
.gradient-200028 {
  background: linear-gradient(135deg, #200028, #28001c);
}
Colored shadow
.shadow-200028 {
  box-shadow: 0 8px 24px rgb(32 0 40 / 0.35);
}

#191970 Midnight Blue ΔE 15.76 #32127a Persian Indigo ΔE 16.35 #002147 Oxford Blue ΔE 16.52 #66023c Tyrian Purple ΔE 16.64 #4b0082 Indigo ΔE 17.64 #1a1110 Licorice ΔE 17.72 #000080 Navy ΔE 17.98 #dfffd7 Inverted #0f0f0f Grayscale 

Midnight Blue
#200028  rgb(32, 0, 40)  hsl(288, 100%, 8%)  Midnight Blue
#082800  rgb(8, 40, 0)  hsl(108, 100%, 8%)  Phthalo Green
#282000  rgb(40, 32, 0)  hsl(48, 100%, 8%)  Bistre
#002820  rgb(0, 40, 32)  hsl(168, 100%, 8%)  Phthalo Green