Nerdulator> put something in

Recognised as Colour

#381B58

  • #381B58
  • Violet
  • Dark
  • Nearest: Dark slateblue

#381B58 is a violet with RGB values 56, 27, 88 and HSL 269°, 53%, 23%. It is a dark colour, so white text on it reaches 14.3:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#381B58#381B58
HEX#381B58
RGBrgb(56, 27, 88)
RGB (0–1)0.2196, 0.1059, 0.3451
RGB percentages22%, 10.6%, 34.5%
HSLhsl(268.5, 53%, 22.5%)
HSV / HSBhsv(268.5, 69.3%, 34.5%)
CMYK36.4%, 69.3%, 0%, 65.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,677,016
CSS custom property--colour: #381B58;

Brightness & contrast

Relative luminance0.02329WCAG 2.x, 0 is black and 1 is white
Perceived brightness47.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 14.33:1
Contrast with white14.33:1WCAG normal text: AAA
Contrast with black1.47:1WCAG normal text: Fail
Greyscale equivalent#262626
Inverted#C7E4A7

Colour vision & accessibility

Protanopia#002A5Ano red cones; affects about 1% of men; ΔE 20 from the original
Deuteranopia#062A57no green cones; the most common form, about 1% of men; ΔE 20.7 from the original
Tritanopia#322836no blue cones; rare, and affects men and women equally; ΔE 31.5 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text14.33:1WCAG large text: AAA
Contrast with black, large text1.47:1WCAG large text: Fail

Named colours

Nearest named CSS colourDark slateblue (#483D8B)ΔE 17.4, a distinctly different colour
Hue familyviolet
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#3B581B
Analogous#1B1D58, #561B58
Triadic#58381B, #1B5838
Split complementary#58561B, #1D581B
Tetradic#581B1D, #3B581B, #1B5856

Tints, shades & saturation

Lighter +40%#9D6DD2
Lighter +30%#8346C6
Lighter +20%#6A33A6
Lighter +10%#51277F
Darker −10%#1F0F31
Darker −20%#06030A
Darker −30%#000000
Darker −40%#000000
More saturated +25%#370D66
Less saturated −25%#39294A

Channel breakdown

R56
G27
B88
Red56 (22%)
Green27 (10.6%)
Blue88 (34.5%)
Hue268.52°
Saturation (HSL)53.04%
Lightness22.55%
Dominant channelBlue
Hex per channelR 38 · G 1B · B 58

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “381b58” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.