Recognised as Colour

#4C649C

#4C649C
Blue
Dark
Nearest: Steel blue

#4C649C is a blue with RGB values 76, 100, 156 and HSL 222°, 34%, 45%. It is a dark colour, so white text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#4C649C#4C649C

HEX#4C649C

RGBrgb(76, 100, 156)

RGB (0–1)0.298, 0.3922, 0.6118

RGB percentages29.8%, 39.2%, 61.2%

HSLhsl(222, 34.5%, 45.5%)

HSV / HSBhsv(222, 51.3%, 61.2%)

CMYK51.3%, 35.9%, 0%, 38.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,006,492

CSS custom property--colour: #4C649C;

Brightness & contrast

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

Perceived brightness101.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.82:1

Contrast with white5.82:1WCAG normal text: AA

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

Greyscale equivalent#636363

Inverted#B39B63

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4E699Eno red cones; affects about 1% of men; ΔE 3 from the original

Deuteranopia#46629Bno green cones; the most common form, about 1% of men; ΔE 1.5 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.82:1WCAG large text: AAA

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

Named colours

Steel blue · ΔE 15.1 Dark slateblue · ΔE 23.8 Cornflower blue · ΔE 25 Slate grey · ΔE 26.6 Light slate grey · ΔE 27.5 Dim grey · ΔE 34.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9C844C

Analogous#4C8C9C, #5C4C9C

Triadic#9C4C64, #649C4C

Split complementary#9C5C4C, #8C9C4C

Tetradic#9C4C8C, #9C844C, #4C9C5C

Tints, shades & saturation

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

Lighter +40%#CDD5E7

Lighter +30%#ABB8D6

Lighter +20%#899BC5

Lighter +10%#667EB5

Darker −10%#3B4E7A

Darker −20%#2B3857

Darker −30%#1A2235

Darker −40%#090C13

More saturated +25%#2F58B9

Less saturated −25%#69707F

Channel breakdown

R76

G100

B156

Red76 (29.8%)

Green100 (39.2%)

Blue156 (61.2%)

Hue222°

Saturation (HSL)34.48%

Lightness45.49%

Dominant channelBlue

Hex per channelR 4C · G 64 · B 9C

Keep nerding

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

#4C649C

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