Recognised as Colour

#3A5F9D

#3A5F9D
Blue
Dark
Nearest: Steel blue

#3A5F9D is a blue with RGB values 58, 95, 157 and HSL 218°, 46%, 42%. It is a dark colour, so white text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#3A5F9D#3A5F9D

HEX#3A5F9D

RGBrgb(58, 95, 157)

RGB (0–1)0.2275, 0.3725, 0.6157

RGB percentages22.7%, 37.3%, 61.6%

HSLhsl(217.6, 46%, 42.2%)

HSV / HSBhsv(217.6, 63.1%, 61.6%)

CMYK63.1%, 39.5%, 0%, 38.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,825,565

CSS custom property--colour: #3A5F9D;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.36:1

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

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

Greyscale equivalent#5C5C5C

Inverted#C5A062

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#365B9Cno green cones; the most common form, about 1% of men; ΔE 2.6 from the original

Tritanopia#006D76no blue cones; rare, and affects men and women equally; ΔE 38.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Steel blue · ΔE 17.3 Dark slateblue · ΔE 21.8 Cornflower blue · ΔE 24.5 Slate grey · ΔE 31.2 Dodgerblue · ΔE 32.1 Light slate grey · ΔE 32.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9D783A

Analogous#3A919D, #463A9D

Triadic#9D3A5F, #5F9D3A

Split complementary#9D463A, #919D3A

Tetradic#9D3A91, #9D783A, #3A9D46

Tints, shades & saturation

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

Lighter +40%#BDCCE6

Lighter +30%#97B0D9

Lighter +20%#7293CB

Lighter +10%#4D77BD

Darker −10%#2C4878

Darker −20%#1E3253

Darker −30%#111B2D

Darker −40%#030508

More saturated +25%#1F58B8

Less saturated −25%#556682

Channel breakdown

R58

G95

B157

Red58 (22.7%)

Green95 (37.3%)

Blue157 (61.6%)

Hue217.58°

Saturation (HSL)46.05%

Lightness42.16%

Dominant channelBlue

Hex per channelR 3A · G 5F · B 9D

Keep nerding

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

#3A5F9D

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