Colour

#6C83B6

#6C83B6
Blue
Dark
Nearest: Steel blue

#6C83B6 is a blue with RGB values 108, 131, 182 and HSL 221°, 34%, 57%. It is a dark colour, so black text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#6C83B6#6C83B6

HEX#6C83B6

RGBrgb(108, 131, 182)

RGB (0–1)0.4235, 0.5137, 0.7137

RGB percentages42.4%, 51.4%, 71.4%

HSLhsl(221.4, 33.6%, 56.9%)

HSV / HSBhsv(221.4, 40.7%, 71.4%)

CMYK40.7%, 28%, 0%, 28.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,111,606

CSS custom property--colour: #6C83B6;

Brightness & contrast

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

Perceived brightness131.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.56:1

Contrast with white3.78:1WCAG normal text: Fail

Contrast with black5.56:1WCAG normal text: AA

Greyscale equivalent#828282

Inverted#937C49

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7187B8no red cones; affects about 1% of men; ΔE 2 from the original

Deuteranopia#6A80B5no green cones; the most common form, about 1% of men; ΔE 1.7 from the original

Tritanopia#538E95no blue cones; rare, and affects men and women equally; ΔE 29.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.78:1WCAG large text: AA

Contrast with black, large text5.56:1WCAG large text: AAA

Named colours

Steel blue · ΔE 9.7 Light slate grey · ΔE 19.7 Slate grey · ΔE 20.3 Cornflower blue · ΔE 21.5 Light steelblue · ΔE 28.3 Light skyblue · ΔE 29.5

Nearest named CSS colourSteel blue (#4682B4)ΔE 9.75, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B69F6C

Analogous#6CA8B6, #7A6CB6

Triadic#B66C83, #83B66C

Split complementary#B67A6C, #A8B66C

Tetradic#B66CA8, #B69F6C, #6CB67A

Tints, shades & saturation

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

Lighter +40%#F4F6FA

Lighter +30%#D2D9E9

Lighter +20%#B0BCD8

Lighter +10%#8EA0C7

Darker −10%#4F68A0

Darker −20%#3E527E

Darker −30%#2D3C5C

Darker −40%#1D2639

More saturated +25%#5179D2

Less saturated −25%#888D9B

Channel breakdown

R108

G131

B182

Red108 (42.4%)

Green131 (51.4%)

Blue182 (71.4%)

Hue221.35°

Saturation (HSL)33.64%

Lightness56.86%

Dominant channelBlue

Hex per channelR 6C · G 83 · B B6

Keep nerding

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

#6C83B6

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