Colour

#12B477

#12B477
Cyan
Dark
Nearest: Medium seagreen

#12B477 is a cyan with RGB values 18, 180, 119 and HSL 157°, 82%, 39%. It is a dark colour, so black text on it reaches 7.8:1 contrast (AAA for normal text). The nearest named colour is Medium seagreen.

Colour values

#12B477#12B477

HEX#12B477

RGBrgb(18, 180, 119)

RGB (0–1)0.0706, 0.7059, 0.4667

RGB percentages7.1%, 70.6%, 46.7%

HSLhsl(157.4, 81.8%, 38.8%)

HSV / HSBhsv(157.4, 90%, 70.6%)

CMYK90%, 0%, 33.9%, 29.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,225,847

CSS custom property--colour: #12B477;

Brightness & contrast

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

Perceived brightness144 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.82:1

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

Contrast with black7.82:1WCAG normal text: AAA

Greyscale equivalent#8D8D8D

Inverted#ED4B88

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#A0997Bno green cones; the most common form, about 1% of men; ΔE 50.1 from the original

Tritanopia#00B3A4no blue cones; rare, and affects men and women equally; ΔE 26.3 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text2.69:1WCAG large text: Fail

Contrast with black, large text7.82:1WCAG large text: AAA

Named colours

Medium seagreen · ΔE 5.6 Sea green · ΔE 18.6 Medium aquamarine · ΔE 21.5 Light green · ΔE 27.7 Forest green · ΔE 28.5 Dark seagreen · ΔE 29.6

Nearest named CSS colourMedium seagreen (#3CB371)ΔE 5.57, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B4124F

Analogous#12B426, #12A0B4

Triadic#7712B4, #B47712

Split complementary#B412A0, #B42612

Tetradic#2612B4, #B4124F, #A0B412

Tints, shades & saturation

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

Lighter +40%#9DF5D4

Lighter +30%#6EF1C0

Lighter +20%#40ECAB

Lighter +10%#17E296

Darker −10%#0D8658

Darker −20%#09573A

Darker −30%#04291B

Darker −40%#000000

More saturated +25%#00C67B

Less saturated −25%#2B9B71

Channel breakdown

R18

G180

B119

Red18 (7.1%)

Green180 (70.6%)

Blue119 (46.7%)

Hue157.41°

Saturation (HSL)81.82%

Lightness38.82%

Dominant channelGreen

Hex per channelR 12 · G B4 · B 77

Keep nerding

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

#12B477

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