Recognised as Colour

#658E9C

#658E9C
Cyan
Dark
Nearest: Light slate grey

#658E9C is a cyan with RGB values 101, 142, 156 and HSL 195°, 22%, 50%. It is a dark colour, so black text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#658E9C#658E9C

HEX#658E9C

RGBrgb(101, 142, 156)

RGB (0–1)0.3961, 0.5569, 0.6118

RGB percentages39.6%, 55.7%, 61.2%

HSLhsl(195.3, 21.7%, 50.4%)

HSV / HSBhsv(195.3, 35.3%, 61.2%)

CMYK35.3%, 9%, 0%, 38.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,655,644

CSS custom property--colour: #658E9C;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.9:1

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

Contrast with black5.9:1WCAG normal text: AA

Greyscale equivalent#868686

Inverted#9A7163

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#858C9Dno red cones; affects about 1% of men; ΔE 11.8 from the original

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

Tritanopia#519392no blue cones; rare, and affects men and women equally; ΔE 12.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text5.9:1WCAG large text: AAA

Named colours

Light slate grey · ΔE 8.3 Slate grey · ΔE 9.2 Cadetblue · ΔE 11.2 Gray · ΔE 16.1 Dim grey · ΔE 20 Dark grey · ΔE 20.3

Nearest named CSS colourLight slate grey (#778899)ΔE 8.28, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9C7365

Analogous#659C8F, #65729C

Triadic#9C658E, #8E9C65

Split complementary#9C6573, #9C8E65

Tetradic#8E659C, #9C7365, #739C65

Tints, shades & saturation

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

Lighter +40%#E1E9EC

Lighter +30%#C2D2D8

Lighter +20%#A3BCC4

Lighter +10%#84A5B0

Darker −10%#51727D

Darker −20%#3D565E

Darker −30%#293A3F

Darker −40%#151D20

More saturated +25%#459EBC

Less saturated −25%#818181

Channel breakdown

R101

G142

B156

Red101 (39.6%)

Green142 (55.7%)

Blue156 (61.2%)

Hue195.27°

Saturation (HSL)21.74%

Lightness50.39%

Dominant channelBlue

Hex per channelR 65 · G 8E · B 9C

Keep nerding

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

#658E9C

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