Recognised as Colour

#30182C

#30182C
Magenta
Dark
Nearest: Black

#30182C is a magenta with RGB values 48, 24, 44 and HSL 310°, 33%, 14%. It is a dark colour, so white text on it reaches 16.2:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#30182C#30182C

HEX#30182C

RGBrgb(48, 24, 44)

RGB (0–1)0.1882, 0.0941, 0.1725

RGB percentages18.8%, 9.4%, 17.3%

HSLhsl(310, 33.3%, 14.1%)

HSV / HSBhsv(310, 50%, 18.8%)

CMYK0%, 50%, 8.3%, 81.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,151,916

CSS custom property--colour: #30182C;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 16.25:1

Contrast with white16.25:1WCAG normal text: AAA

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

Greyscale equivalent#1F1F1F

Inverted#CFE7D3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#181E2Dno red cones; affects about 1% of men; ΔE 13.9 from the original

Deuteranopia#1E222Bno green cones; the most common form, about 1% of men; ΔE 15.1 from the original

Tritanopia#321920no blue cones; rare, and affects men and women equally; ΔE 9.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text16.25:1WCAG large text: AAA

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

Named colours

Black · ΔE 21.7 Dark slate grey · ΔE 33.6 Dim grey · ΔE 36.7 Dark slateblue · ΔE 39.8 Slate grey · ΔE 44.3 Midnight blue · ΔE 44.3

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

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#18301C

Analogous#281830, #301820

Triadic#2C3018, #182C30

Split complementary#203018, #183028

Tetradic#302818, #18301C, #182030

Tints, shades & saturation

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

Lighter +40%#B163A4

Lighter +30%#964B89

Lighter +20%#743A6A

Lighter +10%#52294B

Darker −10%#0E070D

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#390F32

Less saturated −25%#272126

Channel breakdown

R48

G24

B44

Red48 (18.8%)

Green24 (9.4%)

Blue44 (17.3%)

Hue310°

Saturation (HSL)33.33%

Lightness14.12%

Dominant channelRed

Hex per channelR 30 · G 18 · B 2C

Keep nerding

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

#30182C

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