Colour

#3DB486

#3DB486
Cyan
Dark
Nearest: Medium seagreen

#3DB486 is a cyan with RGB values 61, 180, 134 and HSL 157°, 49%, 47%. It is a dark colour, so black text on it reaches 8.1:1 contrast (AAA for normal text). The nearest named colour is Medium seagreen.

Colour values

#3DB486#3DB486

HEX#3DB486

RGBrgb(61, 180, 134)

RGB (0–1)0.2392, 0.7059, 0.5255

RGB percentages23.9%, 70.6%, 52.5%

HSLhsl(156.8, 49.4%, 47.3%)

HSV / HSBhsv(156.8, 66.1%, 70.6%)

CMYK66.1%, 0%, 25.6%, 29.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,043,910

CSS custom property--colour: #3DB486;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.07:1

Contrast with white2.6:1WCAG normal text: Fail

Contrast with black8.07:1WCAG normal text: AAA

Greyscale equivalent#979797

Inverted#C24B79

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#B1A783no red cones; affects about 1% of men; ΔE 42.3 from the original

Deuteranopia#A19C89no green cones; the most common form, about 1% of men; ΔE 42.7 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.6:1WCAG large text: Fail

Contrast with black, large text8.07:1WCAG large text: AAA

Named colours

Medium seagreen · ΔE 11.2 Medium aquamarine · ΔE 12.6 Sea green · ΔE 16.3 Light seagreen · ΔE 21.3 Dark seagreen · ΔE 21.5 Turquoise · ΔE 23.6

Nearest named CSS colourMedium seagreen (#3CB371)ΔE 11.18, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B43D6B

Analogous#3DB44B, #3DA7B4

Triadic#863DB4, #B4863D

Split complementary#B43DA7, #B44B3D

Tetradic#4A3DB4, #B43D6B, #A7B43D

Tints, shades & saturation

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

Lighter +40%#CEEFE2

Lighter +30%#A8E2CB

Lighter +20%#82D5B5

Lighter +10%#5CC89E

Darker −10%#308E6A

Darker −20%#23684D

Darker −30%#164231

Darker −40%#091C15

More saturated +25%#1FD28D

Less saturated −25%#5B967F

Channel breakdown

R61

G180

B134

Red61 (23.9%)

Green180 (70.6%)

Blue134 (52.5%)

Hue156.81°

Saturation (HSL)49.38%

Lightness47.25%

Dominant channelGreen

Hex per channelR 3D · G B4 · B 86

Keep nerding

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

#3DB486

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