Colour

#34335F

#34335F
Blue
Dark
Nearest: Dark slateblue

#34335F is a blue with RGB values 52, 51, 95 and HSL 241°, 30%, 29%. It is a dark colour, so white text on it reaches 11.8:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#34335F#34335F

HEX#34335F

RGBrgb(52, 51, 95)

RGB (0–1)0.2039, 0.2, 0.3725

RGB percentages20.4%, 20%, 37.3%

HSLhsl(241.4, 30.1%, 28.6%)

HSV / HSBhsv(241.4, 46.3%, 37.3%)

CMYK45.3%, 46.3%, 0%, 62.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,421,023

CSS custom property--colour: #34335F;

Brightness & contrast

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

Perceived brightness58 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 11.77:1

Contrast with white11.77:1WCAG normal text: AAA

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

Greyscale equivalent#363636

Inverted#CBCCA0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#233961no red cones; affects about 1% of men; ΔE 7.9 from the original

Deuteranopia#21365Eno green cones; the most common form, about 1% of men; ΔE 7.4 from the original

Tritanopia#273C44no blue cones; rare, and affects men and women equally; ΔE 26.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text11.77:1WCAG large text: AAA

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

Named colours

Dark slateblue · ΔE 21.8 Midnight blue · ΔE 30.8 Steel blue · ΔE 34.3 Dark slate grey · ΔE 34.4 Dim grey · ΔE 36 Slate grey · ΔE 36.6

Nearest named CSS colourDark slateblue (#483D8B)ΔE 21.81, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5E5F33

Analogous#33485F, #4A335F

Triadic#5F3433, #335F34

Split complementary#5F4A33, #485F33

Tetradic#5F3348, #5E5F33, #335F4A

Tints, shades & saturation

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

Lighter +40%#9897C7

Lighter +30%#7776B5

Lighter +20%#5857A1

Lighter +10%#464580

Darker −10%#22213E

Darker −20%#100F1D

Darker −30%#000000

Darker −40%#000000

More saturated +25%#232171

Less saturated −25%#45454D

Channel breakdown

R52

G51

B95

Red52 (20.4%)

Green51 (20%)

Blue95 (37.3%)

Hue241.36°

Saturation (HSL)30.14%

Lightness28.63%

Dominant channelBlue

Hex per channelR 34 · G 33 · B 5F

Keep nerding

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

#34335F

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