Colour

#565D6E

#565D6E
Blue
Dark
Nearest: Dim grey

#565D6E is a blue with RGB values 86, 93, 110 and HSL 223°, 12%, 38%. It is a dark colour, so white text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#565D6E#565D6E

HEX#565D6E

RGBrgb(86, 93, 110)

RGB (0–1)0.3373, 0.3647, 0.4314

RGB percentages33.7%, 36.5%, 43.1%

HSLhsl(222.5, 12.2%, 38.4%)

HSV / HSBhsv(222.5, 21.8%, 43.1%)

CMYK21.8%, 15.5%, 0%, 56.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,660,014

CSS custom property--colour: #565D6E;

Brightness & contrast

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

Perceived brightness93.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.59:1

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

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

Greyscale equivalent#5D5D5D

Inverted#A9A291

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#585E6Fno red cones; affects about 1% of men; ΔE 0.6 from the original

Deuteranopia#565C6Eno green cones; the most common form, about 1% of men; ΔE 0.8 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dim grey · ΔE 11.7 Slate grey · ΔE 13.8 Light slate grey · ΔE 16.8 Dark slate grey · ΔE 16.9 Gray · ΔE 17.7 Steel blue · ΔE 25.8

Nearest named CSS colourDim grey (#696969)ΔE 11.74, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6E6756

Analogous#56696E, #5B566E

Triadic#6E565D, #5D6E56

Split complementary#6E5B56, #696E56

Tetradic#6E5669, #6E6756, #566E5B

Tints, shades & saturation

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

Lighter +40%#C1C5CF

Lighter +30%#A5AAB8

Lighter +20%#8890A2

Lighter +10%#6C758B

Darker −10%#404551

Darker −20%#292D35

Darker −30%#131418

Darker −40%#000000

More saturated +25%#3E5387

Less saturated −25%#626262

Channel breakdown

R86

G93

B110

Red86 (33.7%)

Green93 (36.5%)

Blue110 (43.1%)

Hue222.5°

Saturation (HSL)12.24%

Lightness38.43%

Dominant channelBlue

Hex per channelR 56 · G 5D · B 6E

Keep nerding

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

#565D6E

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