Colour

#45637B

#45637B
Blue
Dark
Nearest: Slate grey

#45637B is a blue with RGB values 69, 99, 123 and HSL 207°, 28%, 38%. It is a dark colour, so white text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#45637B#45637B

HEX#45637B

RGBrgb(69, 99, 123)

RGB (0–1)0.2706, 0.3882, 0.4824

RGB percentages27.1%, 38.8%, 48.2%

HSLhsl(206.7, 28.1%, 37.6%)

HSV / HSBhsv(206.7, 43.9%, 48.2%)

CMYK43.9%, 19.5%, 0%, 51.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,547,451

CSS custom property--colour: #45637B;

Brightness & contrast

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

Perceived brightness94.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.32:1

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

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

Greyscale equivalent#5E5E5E

Inverted#BA9C84

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#59637Cno red cones; affects about 1% of men; ΔE 6.8 from the original

Deuteranopia#525D7Bno green cones; the most common form, about 1% of men; ΔE 7.8 from the original

Tritanopia#30696Bno blue cones; rare, and affects men and women equally; ΔE 17.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 13.9 Light slate grey · ΔE 16.5 Dim grey · ΔE 17.8 Dark slate grey · ΔE 17.8 Steel blue · ΔE 19.4 Gray · ΔE 21.7

Nearest named CSS colourSlate grey (#708090)ΔE 13.92, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7B5D45

Analogous#457B78, #45487B

Triadic#7B4563, #637B45

Split complementary#7B4548, #7B7845

Tetradic#78457B, #7B5D45, #487B45

Tints, shades & saturation

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

Lighter +40%#B6C8D6

Lighter +30%#95AFC4

Lighter +20%#7596B1

Lighter +10%#577D9C

Darker −10%#33495A

Darker −20%#202E3A

Darker −30%#0E1419

Darker −40%#000000

More saturated +25%#2D6693

Less saturated −25%#5D6063

Channel breakdown

R69

G99

B123

Red69 (27.1%)

Green99 (38.8%)

Blue123 (48.2%)

Hue206.67°

Saturation (HSL)28.13%

Lightness37.65%

Dominant channelBlue

Hex per channelR 45 · G 63 · B 7B

Keep nerding

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

#45637B

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