Colour

#34283F

#34283F
Violet
Dark
Nearest: Black

#34283F is a violet with RGB values 52, 40, 63 and HSL 271°, 22%, 20%. It is a dark colour, so white text on it reaches 13.8:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#34283F#34283F

HEX#34283F

RGBrgb(52, 40, 63)

RGB (0–1)0.2039, 0.1569, 0.2471

RGB percentages20.4%, 15.7%, 24.7%

HSLhsl(271.3, 22.3%, 20.2%)

HSV / HSBhsv(271.3, 36.5%, 24.7%)

CMYK17.5%, 36.5%, 0%, 75.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,418,175

CSS custom property--colour: #34283F;

Brightness & contrast

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

Perceived brightness46.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 13.8:1

Contrast with white13.8:1WCAG normal text: AAA

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

Greyscale equivalent#2C2C2C

Inverted#CBD7C0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#242C40no red cones; affects about 1% of men; ΔE 8.5 from the original

Deuteranopia#262D3Eno green cones; the most common form, about 1% of men; ΔE 9.1 from the original

Tritanopia#332B30no blue cones; rare, and affects men and women equally; ΔE 12.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text13.8:1WCAG large text: AAA

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

Named colours

Black · ΔE 24.8 Dark slate grey · ΔE 27.6 Dim grey · ΔE 30.9 Dark slateblue · ΔE 35.4 Slate grey · ΔE 36.9 Gray · ΔE 38.9

Nearest named CSS colourBlack (#000000)ΔE 24.83, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#333F28

Analogous#29283F, #3F283E

Triadic#3F3428, #283F34

Split complementary#3F3F28, #283F28

Tetradic#3F2928, #333F28, #283E3F

Tints, shades & saturation

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

Lighter +40%#9A83B0

Lighter +30%#81649C

Lighter +20%#67507D

Lighter +10%#4E3C5E

Darker −10%#1A1420

Darker −20%#010001

Darker −30%#000000

Darker −40%#000000

More saturated +25%#351B4C

Less saturated −25%#343434

Channel breakdown

R52

G40

B63

Red52 (20.4%)

Green40 (15.7%)

Blue63 (24.7%)

Hue271.3°

Saturation (HSL)22.33%

Lightness20.2%

Dominant channelBlue

Hex per channelR 34 · G 28 · B 3F

Keep nerding

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

#34283F

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