Colour

#6851BF

#6851BF
Blue
Dark
Nearest: Slate blue

#6851BF is a blue with RGB values 104, 81, 191 and HSL 253°, 46%, 53%. It is a dark colour, so white text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Slate blue.

Colour values

#6851BF#6851BF

HEX#6851BF

RGBrgb(104, 81, 191)

RGB (0–1)0.4078, 0.3176, 0.749

RGB percentages40.8%, 31.8%, 74.9%

HSLhsl(252.5, 46.2%, 53.3%)

HSV / HSBhsv(252.5, 57.6%, 74.9%)

CMYK45.5%, 57.6%, 0%, 25.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,836,671

CSS custom property--colour: #6851BF;

Brightness & contrast

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

Perceived brightness106 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.97:1

Contrast with white5.97:1WCAG normal text: AA

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

Greyscale equivalent#5E5E5E

Inverted#97AE40

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0366C3no red cones; affects about 1% of men; ΔE 25.1 from the original

Deuteranopia#0A61BDno green cones; the most common form, about 1% of men; ΔE 24 from the original

Tritanopia#4D6980no blue cones; rare, and affects men and women equally; ΔE 56.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.97:1WCAG large text: AAA

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

Named colours

Slate blue · ΔE 4.4 Rebecca purple · ΔE 13.5 Medium purple · ΔE 13.7 Medium slateblue · ΔE 15.2 Royal blue · ΔE 15.9 Dark slateblue · ΔE 20.2

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A8BF51

Analogous#5171BF, #9F51BF

Triadic#BF6851, #51BF68

Split complementary#BF9F51, #71BF51

Tetradic#BF5171, #A8BF51, #51BF9F

Tints, shades & saturation

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

Lighter +40%#E9E6F6

Lighter +30%#C9C1E8

Lighter +20%#A99CDA

Lighter +10%#8876CD

Darker −10%#513BA2

Darker −20%#3E2E7C

Darker −30%#2B2057

Darker −40%#191232

More saturated +25%#5733DD

Less saturated −25%#796FA1

Channel breakdown

R104

G81

B191

Red104 (40.8%)

Green81 (31.8%)

Blue191 (74.9%)

Hue252.55°

Saturation (HSL)46.22%

Lightness53.33%

Dominant channelBlue

Hex per channelR 68 · G 51 · B BF

Keep nerding

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

#6851BF

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