Nerdulator> put something in

Recognised as Colour

#676CAD

  • #676CAD
  • Blue
  • Dark
  • Nearest: Steel blue

#676CAD is a blue with RGB values 103, 108, 173 and HSL 236°, 30%, 54%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#676CAD#676CAD
HEX#676CAD
RGBrgb(103, 108, 173)
RGB (0–1)0.4039, 0.4235, 0.6784
RGB percentages40.4%, 42.4%, 67.8%
HSLhsl(235.7, 29.9%, 54.1%)
HSV / HSBhsv(235.7, 40.5%, 67.8%)
CMYK40.5%, 37.6%, 0%, 32.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,778,029
CSS custom property--colour: #676CAD;

Brightness & contrast

Relative luminance0.16626WCAG 2.x, 0 is black and 1 is white
Perceived brightness115.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.86:1
Contrast with white4.86:1WCAG normal text: AA
Contrast with black4.33:1WCAG normal text: Fail
Greyscale equivalent#707070
Inverted#989352

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#5674B0no red cones; affects about 1% of men; ΔE 8.4 from the original
Deuteranopia#526FABno green cones; the most common form, about 1% of men; ΔE 7.9 from the original
Tritanopia#527984no blue cones; rare, and affects men and women equally; ΔE 35.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.86:1WCAG large text: AAA
Contrast with black, large text4.33:1WCAG large text: AA

Named colours

Steel blue · ΔE 19.7Cornflower blue · ΔE 20.6Dark slateblue · ΔE 21.4Medium purple · ΔE 27.4Slate grey · ΔE 30.4Light slate grey · ΔE 30.7
Nearest named CSS colourSteel blue (#4682B4)ΔE 19.72, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#ADA867
Analogous#678FAD, #8567AD
Triadic#AD676C, #6CAD67
Split complementary#AD8567, #8FAD67
Tetradic#AD678F, #ADA867, #67AD85

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#ECECF4
Lighter +30%#CACCE3
Lighter +20%#A9ACD1
Lighter +10%#888CBF
Darker −10%#4F5492
Darker −20%#3D4171
Darker −30%#2B2E50
Darker −40%#191B2F
More saturated +25%#4A53CA
Less saturated −25%#848590

Channel breakdown

R103
G108
B173
Red103 (40.4%)
Green108 (42.4%)
Blue173 (67.8%)
Hue235.71°
Saturation (HSL)29.91%
Lightness54.12%
Dominant channelBlue
Hex per channelR 67 · G 6C · B AD

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “676cad” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.