Colour

#6B60D0

#6B60D0
Blue
Dark
Nearest: Slate blue

#6B60D0 is a blue with RGB values 107, 96, 208 and HSL 246°, 54%, 60%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Slate blue.

Colour values

#6B60D0#6B60D0

HEX#6B60D0

RGBrgb(107, 96, 208)

RGB (0–1)0.4196, 0.3765, 0.8157

RGB percentages42%, 37.6%, 81.6%

HSLhsl(245.9, 54.4%, 59.6%)

HSV / HSBhsv(245.9, 53.8%, 81.6%)

CMYK48.6%, 53.8%, 0%, 18.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,037,136

CSS custom property--colour: #6B60D0;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.99:1

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

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

Greyscale equivalent#6A6A6A

Inverted#949F2F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#2273D4no red cones; affects about 1% of men; ΔE 21.9 from the original

Deuteranopia#1B6CCEno green cones; the most common form, about 1% of men; ΔE 20.2 from the original

Tritanopia#47798Fno blue cones; rare, and affects men and women equally; ΔE 59.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate blue · ΔE 3.2 Medium purple · ΔE 10.9 Royal blue · ΔE 11.2 Medium slateblue · ΔE 12.5 Rebecca purple · ΔE 19.5 Dark slateblue · ΔE 23.1

Nearest named CSS colourSlate blue (#6A5ACD)ΔE 3.17, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C5D060

Analogous#608DD0, #A360D0

Triadic#D06B60, #60D06B

Split complementary#D0A360, #8DD060

Tetradic#D0608D, #C5D060, #60D0A3

Tints, shades & saturation

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

Lighter +40%#FEFDFF

Lighter +30%#D9D6F3

Lighter +20%#B4AFE7

Lighter +10%#9087DC

Darker −10%#473AC3

Darker −20%#392E9C

Darker −30%#2B2275

Darker −40%#1C174D

More saturated +25%#5646EA

Less saturated −25%#807AB6

Channel breakdown

R107

G96

B208

Red107 (42%)

Green96 (37.6%)

Blue208 (81.6%)

Hue245.89°

Saturation (HSL)54.37%

Lightness59.61%

Dominant channelBlue

Hex per channelR 6B · G 60 · B D0

Keep nerding

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

#6B60D0

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