Colour

#6BA0DA

#6BA0DA
Blue
Dark
Nearest: Steel blue

#6BA0DA is a blue with RGB values 107, 160, 218 and HSL 211°, 60%, 64%. It is a dark colour, so black text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#6BA0DA#6BA0DA

HEX#6BA0DA

RGBrgb(107, 160, 218)

RGB (0–1)0.4196, 0.6275, 0.8549

RGB percentages42%, 62.7%, 85.5%

HSLhsl(211.4, 60%, 63.7%)

HSV / HSBhsv(211.4, 50.9%, 85.5%)

CMYK50.9%, 26.6%, 0%, 14.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,053,530

CSS custom property--colour: #6BA0DA;

Brightness & contrast

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

Perceived brightness154.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.67:1

Contrast with white2.74:1WCAG normal text: Fail

Contrast with black7.67:1WCAG normal text: AAA

Greyscale equivalent#999999

Inverted#945F25

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#89A2DDno red cones; affects about 1% of men; ΔE 7.9 from the original

Deuteranopia#7B97D9no green cones; the most common form, about 1% of men; ΔE 9.1 from the original

Tritanopia#32ADB4no blue cones; rare, and affects men and women equally; ΔE 36.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.74:1WCAG large text: Fail

Contrast with black, large text7.67:1WCAG large text: AAA

Named colours

Steel blue · ΔE 12.5 Cornflower blue · ΔE 18.2 Light skyblue · ΔE 19 Deep skyblue · ΔE 19.7 Sky blue · ΔE 24.1 Light steelblue · ΔE 24.1

Nearest named CSS colourSteel blue (#4682B4)ΔE 12.53, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DAA56B

Analogous#6BD7DA, #6E6BDA

Triadic#DA6BA0, #A0DA6B

Split complementary#DA6E6B, #D7DA6B

Tetradic#DA6BD7, #DAA56B, #6BDA6E

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E5EFF9

Lighter +20%#BDD4EE

Lighter +10%#94BAE4

Darker −10%#4286D0

Darker −20%#2D6CB2

Darker −30%#22548A

Darker −40%#183B61

More saturated +25%#549FF1

Less saturated −25%#82A1C3

Channel breakdown

R107

G160

B218

Red107 (42%)

Green160 (62.7%)

Blue218 (85.5%)

Hue211.35°

Saturation (HSL)60%

Lightness63.73%

Dominant channelBlue

Hex per channelR 6B · G A0 · B DA

Keep nerding

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

#6BA0DA

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