Colour

#445C8E

#445C8E
Blue
Dark
Nearest: Steel blue

#445C8E is a blue with RGB values 68, 92, 142 and HSL 221°, 35%, 41%. It is a dark colour, so white text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#445C8E#445C8E

HEX#445C8E

RGBrgb(68, 92, 142)

RGB (0–1)0.2667, 0.3608, 0.5569

RGB percentages26.7%, 36.1%, 55.7%

HSLhsl(220.5, 35.2%, 41.2%)

HSV / HSBhsv(220.5, 52.1%, 55.7%)

CMYK52.1%, 35.2%, 0%, 44.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,480,142

CSS custom property--colour: #445C8E;

Brightness & contrast

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

Perceived brightness93 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.63:1

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

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

Greyscale equivalent#5B5B5B

Inverted#BBA371

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#496090no red cones; affects about 1% of men; ΔE 2.1 from the original

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

Tritanopia#22676Eno blue cones; rare, and affects men and women equally; ΔE 31.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Steel blue · ΔE 16.7 Dark slateblue · ΔE 24.7 Slate grey · ΔE 25.4 Light slate grey · ΔE 26.8 Cornflower blue · ΔE 29.6 Dim grey · ΔE 31.4

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8E7644

Analogous#44818E, #51448E

Triadic#8E445C, #5C8E44

Split complementary#8E5144, #818E44

Tetradic#8E4481, #8E7644, #448E51

Tints, shades & saturation

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

Lighter +40%#BEC9E0

Lighter +30%#9CACCF

Lighter +20%#7990BF

Lighter +10%#5773AE

Darker −10%#33466C

Darker −20%#232F49

Darker −30%#121927

Darker −40%#020304

More saturated +25%#2A53A8

Less saturated −25%#5E6574

Channel breakdown

R68

G92

B142

Red68 (26.7%)

Green92 (36.1%)

Blue142 (55.7%)

Hue220.54°

Saturation (HSL)35.24%

Lightness41.18%

Dominant channelBlue

Hex per channelR 44 · G 5C · B 8E

Keep nerding

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

#445C8E

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