Recognised as Colour

#748D86

#748D86
Cyan
Dark
Nearest: Gray

#748D86 is a cyan with RGB values 116, 141, 134 and HSL 163°, 10%, 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 Gray.

Colour values

#748D86#748D86

HEX#748D86

RGBrgb(116, 141, 134)

RGB (0–1)0.4549, 0.5529, 0.5255

RGB percentages45.5%, 55.3%, 52.5%

HSLhsl(163.2, 9.9%, 50.4%)

HSV / HSBhsv(163.2, 17.7%, 55.3%)

CMYK17.7%, 0%, 5%, 44.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,638,406

CSS custom property--colour: #748D86;

Brightness & contrast

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

Perceived brightness133.2 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#878787

Inverted#8B7279

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8B8A86no red cones; affects about 1% of men; ΔE 10.1 from the original

Deuteranopia#868687no green cones; the most common form, about 1% of men; ΔE 10.7 from the original

Tritanopia#6E8E8Bno blue cones; rare, and affects men and women equally; ΔE 3.2 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

Gray · ΔE 10.8 Cadetblue · ΔE 13.2 Light slate grey · ΔE 14.4 Slate grey · ΔE 14.5 Dim grey · ΔE 16 Dark grey · ΔE 16.4

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8D747B

Analogous#748D79, #74878D

Triadic#86748D, #8D8674

Split complementary#8D7487, #8D7974

Tetradic#7A748D, #8D747B, #888D74

Tints, shades & saturation

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

Lighter +40%#E4E9E8

Lighter +30%#C8D2CF

Lighter +20%#ACBBB7

Lighter +10%#90A49E

Darker −10%#5D716B

Darker −20%#465551

Darker −30%#2F3936

Darker −40%#181D1C

More saturated +25%#54AD94

Less saturated −25%#818181

Channel breakdown

R116

G141

B134

Red116 (45.5%)

Green141 (55.3%)

Blue134 (52.5%)

Hue163.2°

Saturation (HSL)9.88%

Lightness50.39%

Dominant channelGreen

Hex per channelR 74 · G 8D · B 86

Keep nerding

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

#748D86

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