Recognised as Colour

#64847C

#64847C
Cyan
Dark
Nearest: Gray

#64847C is a cyan with RGB values 100, 132, 124 and HSL 165°, 14%, 45%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Gray.

Colour values

#64847C#64847C

HEX#64847C

RGBrgb(100, 132, 124)

RGB (0–1)0.3922, 0.5176, 0.4863

RGB percentages39.2%, 51.8%, 48.6%

HSLhsl(165, 13.8%, 45.5%)

HSV / HSBhsv(165, 24.2%, 51.8%)

CMYK24.2%, 0%, 6.1%, 48.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,587,516

CSS custom property--colour: #64847C;

Brightness & contrast

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

Perceived brightness122.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.13:1

Contrast with white4.09:1WCAG normal text: Fail

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

Greyscale equivalent#7D7D7D

Inverted#9B7B83

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#81807Cno red cones; affects about 1% of men; ΔE 12.9 from the original

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.09:1WCAG large text: AA

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

Named colours

Gray · ΔE 13.2 Cadetblue · ΔE 13.5 Dim grey · ΔE 15.5 Slate grey · ΔE 15.7 Light slate grey · ΔE 16.3 Teal · ΔE 18.7

Nearest named CSS colourGray (#808080)ΔE 13.16, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#84646C

Analogous#64846C, #647C84

Triadic#7C6484, #847C64

Split complementary#84647C, #846C64

Tetradic#6C6484, #84646C, #7C8464

Tints, shades & saturation

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

Lighter +40%#D5DFDD

Lighter +30%#B8C9C5

Lighter +20%#9BB3AD

Lighter +10%#7E9D95

Darker −10%#4E6761

Darker −20%#384A45

Darker −30%#222D2A

Darker −40%#0C100F

More saturated +25%#47A18B

Less saturated −25%#747474

Channel breakdown

R100

G132

B124

Red100 (39.2%)

Green132 (51.8%)

Blue124 (48.6%)

Hue165°

Saturation (HSL)13.79%

Lightness45.49%

Dominant channelGreen

Hex per channelR 64 · G 84 · B 7C

Keep nerding

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

#64847C

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