Recognised as Colour

#4E7BBB

#4E7BBB
Blue
Dark
Nearest: Steel blue

#4E7BBB is a blue with RGB values 78, 123, 187 and HSL 215°, 44%, 52%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#4E7BBB#4E7BBB

HEX#4E7BBB

RGBrgb(78, 123, 187)

RGB (0–1)0.3059, 0.4824, 0.7333

RGB percentages30.6%, 48.2%, 73.3%

HSLhsl(215.2, 44.5%, 52%)

HSV / HSBhsv(215.2, 58.3%, 73.3%)

CMYK58.3%, 34.2%, 0%, 26.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,143,483

CSS custom property--colour: #4E7BBB;

Brightness & contrast

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

Perceived brightness121.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.87:1

Contrast with white4.31:1WCAG normal text: Fail

Contrast with black4.87:1WCAG normal text: AA

Greyscale equivalent#767676

Inverted#B18444

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#617FBEno red cones; affects about 1% of men; ΔE 4.2 from the original

Deuteranopia#5275BAno green cones; the most common form, about 1% of men; ΔE 4.8 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.31:1WCAG large text: AA

Contrast with black, large text4.87:1WCAG large text: AAA

Named colours

Steel blue · ΔE 10.2 Cornflower blue · ΔE 16.3 Dodgerblue · ΔE 27.1 Light slate grey · ΔE 28.3 Slate grey · ΔE 28.5 Dark slateblue · ΔE 30.2

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BB8E4E

Analogous#4EB1BB, #584EBB

Triadic#BB4E7B, #7BBB4E

Split complementary#BB584E, #B1BB4E

Tetradic#BB4EB1, #BB8E4E, #4EBB58

Tints, shades & saturation

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

Lighter +40%#E1E9F4

Lighter +30%#BDCDE5

Lighter +20%#98B2D7

Lighter +10%#7396C9

Darker −10%#3B639B

Darker −20%#2D4B76

Darker −30%#1F3451

Darker −40%#111C2C

More saturated +25%#2F76DA

Less saturated −25%#6D809C

Channel breakdown

R78

G123

B187

Red78 (30.6%)

Green123 (48.2%)

Blue187 (73.3%)

Hue215.23°

Saturation (HSL)44.49%

Lightness51.96%

Dominant channelBlue

Hex per channelR 4E · G 7B · B BB

Keep nerding

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

#4E7BBB

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