Colour

#394A6E

#394A6E
Blue
Dark
Nearest: Steel blue

#394A6E is a blue with RGB values 57, 74, 110 and HSL 221°, 32%, 33%. It is a dark colour, so white text on it reaches 8.8:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#394A6E#394A6E

HEX#394A6E

RGBrgb(57, 74, 110)

RGB (0–1)0.2235, 0.2902, 0.4314

RGB percentages22.4%, 29%, 43.1%

HSLhsl(220.8, 31.7%, 32.7%)

HSV / HSBhsv(220.8, 48.2%, 43.1%)

CMYK48.2%, 32.7%, 0%, 56.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,754,606

CSS custom property--colour: #394A6E;

Brightness & contrast

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

Perceived brightness74.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.83:1

Contrast with white8.83:1WCAG normal text: AAA

Contrast with black2.38:1WCAG normal text: Fail

Greyscale equivalent#494949

Inverted#C6B591

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#37486Dno green cones; the most common form, about 1% of men; ΔE 1.1 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text8.83:1WCAG large text: AAA

Contrast with black, large text2.38:1WCAG large text: Fail

Named colours

Steel blue · ΔE 24.3 Dark slate grey · ΔE 24.8 Slate grey · ΔE 25.4 Dim grey · ΔE 26.6 Light slate grey · ΔE 27.8 Dark slateblue · ΔE 29.2

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6E5D39

Analogous#39646E, #43396E

Triadic#6E394A, #4A6E39

Split complementary#6E4339, #646E39

Tetradic#6E3964, #6E5D39, #396E43

Tints, shades & saturation

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

Lighter +40%#A3B2D0

Lighter +30%#8295BE

Lighter +20%#6079AD

Lighter +10%#4A6190

Darker −10%#28334C

Darker −20%#161D2B

Darker −30%#050609

Darker −40%#000000

More saturated +25%#244383

Less saturated −25%#4E5159

Channel breakdown

R57

G74

B110

Red57 (22.4%)

Green74 (29%)

Blue110 (43.1%)

Hue220.75°

Saturation (HSL)31.74%

Lightness32.75%

Dominant channelBlue

Hex per channelR 39 · G 4A · B 6E

Keep nerding

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

#394A6E

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