Colour

#382C3F

#382C3F
Violet
Dark
Nearest: Black

#382C3F is a violet with RGB values 56, 44, 63 and HSL 278°, 18%, 21%. It is a dark colour, so white text on it reaches 13.1:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#382C3F#382C3F

HEX#382C3F

RGBrgb(56, 44, 63)

RGB (0–1)0.2196, 0.1725, 0.2471

RGB percentages22%, 17.3%, 24.7%

HSLhsl(277.9, 17.8%, 21%)

HSV / HSBhsv(277.9, 30.2%, 24.7%)

CMYK11.1%, 30.2%, 0%, 75.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,681,343

CSS custom property--colour: #382C3F;

Brightness & contrast

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

Perceived brightness50.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 13.12:1

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

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

Greyscale equivalent#303030

Inverted#C7D3C0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#2C313Eno green cones; the most common form, about 1% of men; ΔE 8.5 from the original

Tritanopia#372E33no blue cones; rare, and affects men and women equally; ΔE 9.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Black · ΔE 24.4 Dark slate grey · ΔE 25.1 Dim grey · ΔE 28.1 Slate grey · ΔE 34.9 Gray · ΔE 36.3 Dark slateblue · ΔE 37.6

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#333F2C

Analogous#2E2C3F, #3F2C3D

Triadic#3F382C, #2C3F38

Split complementary#3D3F2C, #2C3F2F

Tetradic#3F2F2C, #333F2C, #2C3D3F

Tints, shades & saturation

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

Lighter +40%#A08AAD

Lighter +30%#886C98

Lighter +20%#6D567B

Lighter +10%#53415D

Darker −10%#1D1721

Darker −20%#030203

Darker −30%#000000

Darker −40%#000000

More saturated +25%#3C1F4C

Less saturated −25%#363636

Channel breakdown

R56

G44

B63

Red56 (22%)

Green44 (17.3%)

Blue63 (24.7%)

Hue277.89°

Saturation (HSL)17.76%

Lightness20.98%

Dominant channelBlue

Hex per channelR 38 · G 2C · B 3F

Keep nerding

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

#382C3F

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