Colour

#656CC3

#656CC3
Blue
Dark
Nearest: Medium purple

#656CC3 is a blue with RGB values 101, 108, 195 and HSL 236°, 44%, 58%. It is a dark colour, so white text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Medium purple.

Colour values

#656CC3#656CC3

HEX#656CC3

RGBrgb(101, 108, 195)

RGB (0–1)0.3961, 0.4235, 0.7647

RGB percentages39.6%, 42.4%, 76.5%

HSLhsl(235.5, 43.9%, 58%)

HSV / HSBhsv(235.5, 48.2%, 76.5%)

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

24-bit integer6,646,979

CSS custom property--colour: #656CC3;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.68:1

Contrast with white4.68:1WCAG normal text: AA

Contrast with black4.49:1WCAG normal text: Fail

Greyscale equivalent#717171

Inverted#9A933C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4978C6no red cones; affects about 1% of men; ΔE 12.5 from the original

Deuteranopia#4170C1no green cones; the most common form, about 1% of men; ΔE 10.6 from the original

Tritanopia#427E8Eno blue cones; rare, and affects men and women equally; ΔE 47.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.68:1WCAG large text: AAA

Contrast with black, large text4.49:1WCAG large text: AA

Named colours

Medium purple · ΔE 17.4 Cornflower blue · ΔE 17.7 Slate blue · ΔE 19.2 Dark slateblue · ΔE 19.2 Royal blue · ΔE 19.5 Dodgerblue · ΔE 22.8

Nearest named CSS colourMedium purple (#9370DB)ΔE 17.41, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C3BC65

Analogous#659BC3, #8D65C3

Triadic#C3656C, #6CC365

Split complementary#C38D65, #9BC365

Tetradic#C3659B, #C3BC65, #65C38D

Tints, shades & saturation

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

Lighter +40%#F8F8FC

Lighter +30%#D3D5EE

Lighter +20%#AEB2E0

Lighter +10%#8A8FD1

Darker −10%#454DB0

Darker −20%#363D8C

Darker −30%#282D67

Darker −40%#1A1D42

More saturated +25%#4A55DE

Less saturated −25%#8083A8

Channel breakdown

R101

G108

B195

Red101 (39.6%)

Green108 (42.4%)

Blue195 (76.5%)

Hue235.53°

Saturation (HSL)43.93%

Lightness58.04%

Dominant channelBlue

Hex per channelR 65 · G 6C · B C3

Keep nerding

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

#656CC3

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