Colour

#22093D

#22093D
Violet
Dark
Nearest: Midnight blue

#22093D is a violet with RGB values 34, 9, 61 and HSL 269°, 74%, 14%. It is a dark colour, so white text on it reaches 17.9:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#22093D#22093D

HEX#22093D

RGBrgb(34, 9, 61)

RGB (0–1)0.1333, 0.0353, 0.2392

RGB percentages13.3%, 3.5%, 23.9%

HSLhsl(268.8, 74.3%, 13.7%)

HSV / HSBhsv(268.8, 85.2%, 23.9%)

CMYK44.3%, 85.2%, 0%, 76.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,230,589

CSS custom property--colour: #22093D;

Brightness & contrast

Relative luminance0.00872WCAG 2.x, 0 is black and 1 is white

Perceived brightness28.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 17.88:1

Contrast with white17.88:1WCAG normal text: AAA

Contrast with black1.17:1WCAG normal text: Fail

Greyscale equivalent#121212

Inverted#DDF6C2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#00173Eno red cones; affects about 1% of men; ΔE 15.9 from the original

Deuteranopia#00173Cno green cones; the most common form, about 1% of men; ΔE 16.9 from the original

Tritanopia#1C1622no blue cones; rare, and affects men and women equally; ΔE 28.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text17.88:1WCAG large text: AAA

Contrast with black, large text1.17:1WCAG large text: Fail

Named colours

Midnight blue · ΔE 23.9 Dark slateblue · ΔE 27 Rebecca purple · ΔE 36.2 Black · ΔE 38.5 Indigo · ΔE 38.8 Purple · ΔE 41.1

Nearest named CSS colourMidnight blue (#191970)ΔE 23.94, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#243D09

Analogous#090A3D, #3C093D

Triadic#3D2209, #093D22

Split complementary#3D3C09, #0A3D09

Tetradic#3D090A, #243D09, #093D3C

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#8631E1

Lighter +30%#6C1DC2

Lighter +20%#541696

Lighter +10%#3B1069

Darker −10%#090211

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#220046

Less saturated −25%#221234

Channel breakdown

R34

B61

Red34 (13.3%)

Green9 (3.5%)

Blue61 (23.9%)

Hue268.85°

Saturation (HSL)74.29%

Lightness13.73%

Dominant channelBlue

Hex per channelR 22 · G 09 · B 3D

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#22093D

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else