Nerdulator> put something in

Recognised as Colour

#36B486

  • #36B486
  • Cyan
  • Dark
  • Nearest: Medium seagreen

#36B486 is a cyan with RGB values 54, 180, 134 and HSL 158°, 54%, 46%. It is a dark colour, so black text on it reaches 8:1 contrast (AAA for normal text). The nearest named colour is Medium seagreen.

Colour values

#36B486#36B486
HEX#36B486
RGBrgb(54, 180, 134)
RGB (0–1)0.2118, 0.7059, 0.5255
RGB percentages21.2%, 70.6%, 52.5%
HSLhsl(158.1, 53.8%, 45.9%)
HSV / HSBhsv(158.1, 70%, 70.6%)
CMYK70%, 0%, 25.6%, 29.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,585,158
CSS custom property--colour: #36B486;

Brightness & contrast

Relative luminance0.35148WCAG 2.x, 0 is black and 1 is white
Perceived brightness148.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.03:1
Contrast with white2.62:1WCAG normal text: Fail
Contrast with black8.03:1WCAG normal text: AAA
Greyscale equivalent#969696
Inverted#C94B79

Colour vision & accessibility

Protanopia#B1A783no red cones; affects about 1% of men; ΔE 43.5 from the original
Deuteranopia#A09B89no green cones; the most common form, about 1% of men; ΔE 44 from the original
Tritanopia#00B4A7no blue cones; rare, and affects men and women equally; ΔE 18.5 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.62:1WCAG large text: Fail
Contrast with black, large text8.03:1WCAG large text: AAA

Named colours

Nearest named CSS colourMedium seagreen (#3CB371)ΔE 11.02, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#B43664
Analogous#36B447, #36A3B4
Triadic#8636B4, #B48636
Split complementary#B436A3, #B44736
Tetradic#4736B4, #B43664, #A3B436

Tints, shades & saturation

Lighter +40%#C8EEE0
Lighter +30%#A0E3CA
Lighter +20%#79D7B5
Lighter +10%#52CB9F
Darker −10%#2A8D69
Darker −20%#1E664C
Darker −30%#133E2E
Darker −40%#071711
More saturated +25%#19D18E
Less saturated −25%#53977E

Channel breakdown

R54
G180
B134
Red54 (21.2%)
Green180 (70.6%)
Blue134 (52.5%)
Hue158.1°
Saturation (HSL)53.85%
Lightness45.88%
Dominant channelGreen
Hex per channelR 36 · G B4 · B 86

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “36b486” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.