Recognised as Colour

#36524B

#36524B
Cyan
Dark
Nearest: Dark slate grey

#36524B is a cyan with RGB values 54, 82, 75 and HSL 165°, 21%, 27%. It is a dark colour, so white text on it reaches 8.5:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#36524B#36524B

HEX#36524B

RGBrgb(54, 82, 75)

RGB (0–1)0.2118, 0.3216, 0.2941

RGB percentages21.2%, 32.2%, 29.4%

HSLhsl(165, 20.6%, 26.7%)

HSV / HSBhsv(165, 34.1%, 32.2%)

CMYK34.1%, 0%, 8.5%, 67.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,560,011

CSS custom property--colour: #36524B;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.52:1

Contrast with white8.52:1WCAG normal text: AAA

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

Greyscale equivalent#4C4C4C

Inverted#C9ADB4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#504F4Bno red cones; affects about 1% of men; ΔE 12 from the original

Deuteranopia#4B4B4Cno green cones; the most common form, about 1% of men; ΔE 12.6 from the original

Tritanopia#2E5350no blue cones; rare, and affects men and women equally; ΔE 3.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text8.52:1WCAG large text: AAA

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

Named colours

Dark slate grey · ΔE 4.7 Dim grey · ΔE 17.1 Gray · ΔE 24.4 Teal · ΔE 24.6 Slate grey · ΔE 25.4 Light slate grey · ΔE 28.1

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 4.69, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#52363D

Analogous#36523D, #364B52

Triadic#4B3652, #524B36

Split complementary#52364B, #523D36

Tetradic#3D3652, #52363D, #4B5236

Tints, shades & saturation

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

Lighter +40%#99BCB3

Lighter +30%#7AA79C

Lighter +20%#5F9083

Lighter +10%#4A7167

Darker −10%#22332F

Darker −20%#0E1513

Darker −30%#000000

Darker −40%#000000

More saturated +25%#256354

Less saturated −25%#444444

Channel breakdown

R54

G82

B75

Red54 (21.2%)

Green82 (32.2%)

Blue75 (29.4%)

Hue165°

Saturation (HSL)20.59%

Lightness26.67%

Dominant channelGreen

Hex per channelR 36 · G 52 · B 4B

Keep nerding

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

#36524B

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