Colour

#676CBE

#676CBE
Blue
Dark
Nearest: Cornflower blue

#676CBE is a blue with RGB values 103, 108, 190 and HSL 237°, 40%, 57%. It is a dark colour, so white text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#676CBE#676CBE

HEX#676CBE

RGBrgb(103, 108, 190)

RGB (0–1)0.4039, 0.4235, 0.7451

RGB percentages40.4%, 42.4%, 74.5%

HSLhsl(236.6, 40.1%, 57.5%)

HSV / HSBhsv(236.6, 45.8%, 74.5%)

CMYK45.8%, 43.2%, 0%, 25.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,778,046

CSS custom property--colour: #676CBE;

Brightness & contrast

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

Perceived brightness118.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.7:1

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

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

Greyscale equivalent#717171

Inverted#989341

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4C77C1no red cones; affects about 1% of men; ΔE 11.9 from the original

Deuteranopia#4670BCno green cones; the most common form, about 1% of men; ΔE 10.4 from the original

Tritanopia#497D8Cno blue cones; rare, and affects men and women equally; ΔE 44.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cornflower blue · ΔE 17.8 Dark slateblue · ΔE 19 Medium purple · ΔE 19.1 Slate blue · ΔE 21.6 Royal blue · ΔE 22.4 Dodgerblue · ΔE 24.4

Nearest named CSS colourCornflower blue (#6495ED)ΔE 17.81, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BEB967

Analogous#6797BE, #8D67BE

Triadic#BE676C, #6CBE67

Split complementary#BE8E67, #97BE67

Tetradic#BE6798, #BEB967, #67BE8E

Tints, shades & saturation

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

Lighter +40%#F6F6FB

Lighter +30%#D2D4EC

Lighter +20%#AEB1DD

Lighter +10%#8B8FCD

Darker −10%#484EAA

Darker −20%#393E86

Darker −30%#2A2D62

Darker −40%#1B1D3E

More saturated +25%#4C54D9

Less saturated −25%#8284A3

Channel breakdown

R103

G108

B190

Red103 (40.4%)

Green108 (42.4%)

Blue190 (74.5%)

Hue236.55°

Saturation (HSL)40.09%

Lightness57.45%

Dominant channelBlue

Hex per channelR 67 · G 6C · B BE

Keep nerding

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

#676CBE

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