Colour

#4F628B

#4F628B
Blue
Dark
Nearest: Steel blue

#4F628B is a blue with RGB values 79, 98, 139 and HSL 221°, 28%, 43%. It is a dark colour, so white text on it reaches 6.1:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#4F628B#4F628B

HEX#4F628B

RGBrgb(79, 98, 139)

RGB (0–1)0.3098, 0.3843, 0.5451

RGB percentages31%, 38.4%, 54.5%

HSLhsl(221, 27.5%, 42.7%)

HSV / HSBhsv(221, 43.2%, 54.5%)

CMYK43.2%, 29.5%, 0%, 45.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,202,571

CSS custom property--colour: #4F628B;

Brightness & contrast

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

Perceived brightness98.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.08:1

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

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

Greyscale equivalent#616161

Inverted#B09D74

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#54658Dno red cones; affects about 1% of men; ΔE 1.6 from the original

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

Tritanopia#3A6B70no blue cones; rare, and affects men and women equally; ΔE 25.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Steel blue · ΔE 15.4 Slate grey · ΔE 19.3 Light slate grey · ΔE 20.9 Dim grey · ΔE 25.4 Gray · ΔE 28 Dark slate grey · ΔE 28.5

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8B784F

Analogous#4F808B, #5A4F8B

Triadic#8B4F62, #628B4F

Split complementary#8B5A4F, #808B4F

Tetradic#8B4F80, #8B784F, #4F8B5A

Tints, shades & saturation

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

Lighter +40%#C7CFDF

Lighter +30%#A6B2CD

Lighter +20%#8696BA

Lighter +10%#657AA8

Darker −10%#3D4B6A

Darker −20%#2A344A

Darker −30%#181D29

Darker −40%#050609

More saturated +25%#3458A6

Less saturated −25%#6A6C70

Channel breakdown

R79

G98

B139

Red79 (31%)

Green98 (38.4%)

Blue139 (54.5%)

Hue221°

Saturation (HSL)27.52%

Lightness42.75%

Dominant channelBlue

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

Keep nerding

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

#4F628B

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