Colour

#45584F

#45584F
Cyan
Dark
Nearest: Dark slate grey

#45584F is a cyan with RGB values 69, 88, 79 and HSL 152°, 12%, 31%. It is a dark colour, so white text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#45584F#45584F

HEX#45584F

RGBrgb(69, 88, 79)

RGB (0–1)0.2706, 0.3451, 0.3098

RGB percentages27.1%, 34.5%, 31%

HSLhsl(151.6, 12.1%, 30.8%)

HSV / HSBhsv(151.6, 21.6%, 34.5%)

CMYK21.6%, 0%, 10.2%, 65.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,544,591

CSS custom property--colour: #45584F;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.6:1

Contrast with white7.6:1WCAG normal text: AAA

Contrast with black2.76:1WCAG normal text: Fail

Greyscale equivalent#535353

Inverted#BAA7B0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#57554Fno red cones; affects about 1% of men; ΔE 9.1 from the original

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

Tritanopia#415855no 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 text7.6:1WCAG large text: AAA

Contrast with black, large text2.76:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 8.2 Dim grey · ΔE 13.2 Gray · ΔE 20.5 Slate grey · ΔE 23 Light slate grey · ΔE 25.6 Teal · ΔE 25.8

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 8.2, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#58454E

Analogous#455846, #455858

Triadic#4F4558, #584F45

Split complementary#584558, #584645

Tetradic#464558, #58454E, #585845

Tints, shades & saturation

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

Lighter +40%#ABBEB5

Lighter +30%#8FA79C

Lighter +20%#729182

Lighter +10%#5B7569

Darker −10%#2F3B35

Darker −20%#181F1C

Darker −30%#020202

Darker −40%#000000

More saturated +25%#316C50

Less saturated −25%#4F4F4F

Channel breakdown

R69

G88

B79

Red69 (27.1%)

Green88 (34.5%)

Blue79 (31%)

Hue151.58°

Saturation (HSL)12.1%

Lightness30.78%

Dominant channelGreen

Hex per channelR 45 · G 58 · B 4F

Keep nerding

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

#45584F

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