Colour

#676B95

#676B95
Blue
Dark
Nearest: Steel blue

#676B95 is a blue with RGB values 103, 107, 149 and HSL 235°, 18%, 49%. It is a dark colour, so white text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#676B95#676B95

HEX#676B95

RGBrgb(103, 107, 149)

RGB (0–1)0.4039, 0.4196, 0.5843

RGB percentages40.4%, 42%, 58.4%

HSLhsl(234.8, 18.3%, 49.4%)

HSV / HSBhsv(234.8, 30.9%, 58.4%)

CMYK30.9%, 28.2%, 0%, 41.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,777,749

CSS custom property--colour: #676B95;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.1:1

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

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

Greyscale equivalent#6D6D6D

Inverted#98946A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#5C6C94no green cones; the most common form, about 1% of men; ΔE 4.3 from the original

Tritanopia#5B737Ano blue cones; rare, and affects men and women equally; ΔE 22.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Steel blue · ΔE 16.6 Slate grey · ΔE 18 Light slate grey · ΔE 19 Dim grey · ΔE 25 Gray · ΔE 25.9 Dark slateblue · ΔE 29.9

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#959167

Analogous#678295, #7A6795

Triadic#95676B, #6B9567

Split complementary#957A67, #829567

Tetradic#956782, #959167, #67957A

Tints, shades & saturation

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

Lighter +40%#DFE0E9

Lighter +30%#C1C3D4

Lighter +20%#A3A5BF

Lighter +10%#8588AA

Darker −10%#525577

Darker −20%#3D4059

Darker −30%#282A3B

Darker −40%#14141C

More saturated +25%#4851B5

Less saturated −25%#7E7E7E

Channel breakdown

R103

G107

B149

Red103 (40.4%)

Green107 (42%)

Blue149 (58.4%)

Hue234.78°

Saturation (HSL)18.25%

Lightness49.41%

Dominant channelBlue

Hex per channelR 67 · G 6B · B 95

Keep nerding

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

#676B95

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