Colour

#4B91B2

#4B91B2
Cyan
Dark
Nearest: Steel blue

#4B91B2 is a cyan with RGB values 75, 145, 178 and HSL 199°, 41%, 50%. It is a dark colour, so black text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#4B91B2#4B91B2

HEX#4B91B2

RGBrgb(75, 145, 178)

RGB (0–1)0.2941, 0.5686, 0.698

RGB percentages29.4%, 56.9%, 69.8%

HSLhsl(199.2, 40.7%, 49.6%)

HSV / HSBhsv(199.2, 57.9%, 69.8%)

CMYK57.9%, 18.5%, 0%, 30.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,952,498

CSS custom property--colour: #4B91B2;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.99:1

Contrast with white3.5:1WCAG normal text: Fail

Contrast with black5.99:1WCAG normal text: AA

Greyscale equivalent#858585

Inverted#B46E4D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#808FB4no red cones; affects about 1% of men; ΔE 16 from the original

Deuteranopia#7284B2no green cones; the most common form, about 1% of men; ΔE 17.4 from the original

Tritanopia#009A9Cno blue cones; rare, and affects men and women equally; ΔE 24.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.5:1WCAG large text: AA

Contrast with black, large text5.99:1WCAG large text: AAA

Named colours

Steel blue · ΔE 12.5 Light slate grey · ΔE 16.3 Slate grey · ΔE 17.3 Cadetblue · ΔE 18.6 Sky blue · ΔE 22.5 Light skyblue · ΔE 23.2

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B26C4B

Analogous#4BB2A0, #4B5EB2

Triadic#B24B91, #91B24B

Split complementary#B24B5E, #B29F4B

Tetradic#9F4BB2, #B26C4B, #5EB24B

Tints, shades & saturation

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

Lighter +40%#DAE8EF

Lighter +30%#B6D3E0

Lighter +20%#92BDD1

Lighter +10%#6EA7C2

Darker −10%#3C748E

Darker −20%#2D576A

Darker −30%#1E3946

Darker −40%#0F1C22

More saturated +25%#2B9CD2

Less saturated −25%#6B8692

Channel breakdown

R75

G145

B178

Red75 (29.4%)

Green145 (56.9%)

Blue178 (69.8%)

Hue199.22°

Saturation (HSL)40.71%

Lightness49.61%

Dominant channelBlue

Hex per channelR 4B · G 91 · B B2

Keep nerding

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

#4B91B2

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