Colour

#4B618F

#4B618F
Blue
Dark
Nearest: Steel blue

#4B618F is a blue with RGB values 75, 97, 143 and HSL 221°, 31%, 43%. It is a dark colour, so white text on it reaches 6.2:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#4B618F#4B618F

HEX#4B618F

RGBrgb(75, 97, 143)

RGB (0–1)0.2941, 0.3804, 0.5608

RGB percentages29.4%, 38%, 56.1%

HSLhsl(220.6, 31.2%, 42.7%)

HSV / HSBhsv(220.6, 47.6%, 56.1%)

CMYK47.6%, 32.2%, 0%, 43.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,940,175

CSS custom property--colour: #4B618F;

Brightness & contrast

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

Perceived brightness97.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.17:1

Contrast with white6.17:1WCAG normal text: AA

Contrast with black3.41:1WCAG normal text: Fail

Greyscale equivalent#606060

Inverted#B49E70

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#495E8Eno green cones; the most common form, about 1% of men; ΔE 1.8 from the original

Tritanopia#306B71no blue cones; rare, and affects men and women equally; ΔE 29 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.17:1WCAG large text: AAA

Contrast with black, large text3.41:1WCAG large text: AA

Named colours

Steel blue · ΔE 15 Slate grey · ΔE 22 Light slate grey · ΔE 23.5 Dark slateblue · ΔE 27.5 Dim grey · ΔE 28.6 Cornflower blue · ΔE 30

Nearest named CSS colourSteel blue (#4682B4)ΔE 15, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8F794B

Analogous#4B838F, #574B8F

Triadic#8F4B61, #618F4B

Split complementary#8F574B, #838F4B

Tetradic#8F4B83, #8F794B, #4B8F57

Tints, shades & saturation

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

Lighter +40%#C5CEE1

Lighter +30%#A4B2CF

Lighter +20%#8296BE

Lighter +10%#6179AC

Darker −10%#394A6E

Darker −20%#28344C

Darker −30%#161D2B

Darker −40%#050609

More saturated +25%#3057AA

Less saturated −25%#666B74

Channel breakdown

R75

G97

B143

Red75 (29.4%)

Green97 (38%)

Blue143 (56.1%)

Hue220.59°

Saturation (HSL)31.19%

Lightness42.75%

Dominant channelBlue

Hex per channelR 4B · G 61 · B 8F

Keep nerding

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

#4B618F

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