Recognised as Colour

#768CA0

#768CA0
Blue
Dark
Nearest: Light slate grey

#768CA0 is a blue with RGB values 118, 140, 160 and HSL 209°, 18%, 55%. It is a dark colour, so black text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#768CA0#768CA0

HEX#768CA0

RGBrgb(118, 140, 160)

RGB (0–1)0.4627, 0.549, 0.6275

RGB percentages46.3%, 54.9%, 62.7%

HSLhsl(208.6, 18.1%, 54.5%)

HSV / HSBhsv(208.6, 26.2%, 62.7%)

CMYK26.2%, 12.5%, 0%, 37.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,769,248

CSS custom property--colour: #768CA0;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.03:1

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

Contrast with black6.03:1WCAG normal text: AA

Greyscale equivalent#898989

Inverted#89735F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#848CA1no red cones; affects about 1% of men; ΔE 5 from the original

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

Tritanopia#6A9192no blue cones; rare, and affects men and women equally; ΔE 13 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text6.03:1WCAG large text: AAA

Named colours

Light slate grey · ΔE 2.6 Slate grey · ΔE 5.2 Gray · ΔE 14 Cadetblue · ΔE 17.9 Dark grey · ΔE 18.1 Dim grey · ΔE 18.6

Nearest named CSS colourLight slate grey (#778899)ΔE 2.61, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A08A76

Analogous#76A09F, #7677A0

Triadic#A0768C, #8CA076

Split complementary#A07677, #A09F76

Tetradic#9F76A0, #A08A76, #77A076

Tints, shades & saturation

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

Lighter +40%#EEF1F4

Lighter +30%#D0D8DF

Lighter +20%#B2BFCA

Lighter +10%#94A5B5

Darker −10%#5D7286

Darker −20%#485968

Darker −30%#333F4A

Darker −40%#1E252C

More saturated +25%#598DBD

Less saturated −25%#8B8B8B

Channel breakdown

R118

G140

B160

Red118 (46.3%)

Green140 (54.9%)

Blue160 (62.7%)

Hue208.57°

Saturation (HSL)18.1%

Lightness54.51%

Dominant channelBlue

Hex per channelR 76 · G 8C · B A0

Keep nerding

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

#768CA0

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