Colour

#66698C

#66698C
Blue
Dark
Nearest: Slate grey

#66698C is a blue with RGB values 102, 105, 140 and HSL 235°, 16%, 47%. It is a dark colour, so white text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#66698C#66698C

HEX#66698C

RGBrgb(102, 105, 140)

RGB (0–1)0.4, 0.4118, 0.549

RGB percentages40%, 41.2%, 54.9%

HSLhsl(235.3, 15.7%, 47.5%)

HSV / HSBhsv(235.3, 27.1%, 54.9%)

CMYK27.1%, 25%, 0%, 45.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,711,692

CSS custom property--colour: #66698C;

Brightness & contrast

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

Perceived brightness108.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.3:1

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

Contrast with black3.96:1WCAG normal text: Fail

Greyscale equivalent#6B6B6B

Inverted#999673

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text3.96:1WCAG large text: AA

Named colours

Slate grey · ΔE 15 Light slate grey · ΔE 16.5 Steel blue · ΔE 18.3 Dim grey · ΔE 20.9 Gray · ΔE 22.4 Dark slate grey · ΔE 28.4

Nearest named CSS colourSlate grey (#708090)ΔE 14.95, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8C8966

Analogous#667C8C, #76668C

Triadic#8C6669, #698C66

Split complementary#8C7666, #7C8C66

Tetradic#8C667C, #8C8966, #668C76

Tints, shades & saturation

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

Lighter +40%#DADBE4

Lighter +30%#BCBECF

Lighter +20%#9FA1B9

Lighter +10%#8184A4

Darker −10%#51536E

Darker −20%#3B3D51

Darker −30%#262733

Darker −40%#101016

More saturated +25%#4850AA

Less saturated −25%#797979

Channel breakdown

R102

G105

B140

Red102 (40%)

Green105 (41.2%)

Blue140 (54.9%)

Hue235.26°

Saturation (HSL)15.7%

Lightness47.45%

Dominant channelBlue

Hex per channelR 66 · G 69 · B 8C

Keep nerding

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

#66698C

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