Recognised as Colour

#12A180

#12A180
Cyan
Dark
Nearest: Sea green

#12A180 is a cyan with RGB values 18, 161, 128 and HSL 166°, 80%, 35%. It is a dark colour, so black text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Sea green.

Colour values

#12A180#12A180

HEX#12A180

RGBrgb(18, 161, 128)

RGB (0–1)0.0706, 0.6314, 0.502

RGB percentages7.1%, 63.1%, 50.2%

HSLhsl(166.2, 79.9%, 35.1%)

HSV / HSBhsv(166.2, 88.8%, 63.1%)

CMYK88.8%, 0%, 20.5%, 36.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,220,992

CSS custom property--colour: #12A180;

Brightness & contrast

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

Perceived brightness131.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.44:1

Contrast with white3.26:1WCAG normal text: Fail

Contrast with black6.44:1WCAG normal text: AA

Greyscale equivalent#808080

Inverted#ED5E7F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9C957Eno red cones; affects about 1% of men; ΔE 41.8 from the original

Deuteranopia#8B8982no green cones; the most common form, about 1% of men; ΔE 42.4 from the original

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

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

Contrast with white, large text3.26:1WCAG large text: AA

Contrast with black, large text6.44:1WCAG large text: AAA

Named colours

Sea green · ΔE 15 Light seagreen · ΔE 16.2 Medium aquamarine · ΔE 17.2 Medium seagreen · ΔE 18.7 Dark cyan · ΔE 21.6 Teal · ΔE 23.8

Nearest named CSS colourSea green (#2E8B57)ΔE 15.03, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A11233

Analogous#12A139, #127AA1

Triadic#8012A1, #A18012

Split complementary#A1127A, #A13912

Tetradic#3912A1, #A11233, #7AA112

Tints, shades & saturation

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

Lighter +40%#8DF2DB

Lighter +30%#5FEDCC

Lighter +20%#31E8BE

Lighter +10%#17CFA4

Darker −10%#0D735C

Darker −20%#084537

Darker −30%#031713

Darker −40%#000000

More saturated +25%#00B38A

Less saturated −25%#288B74

Channel breakdown

R18

G161

B128

Red18 (7.1%)

Green161 (63.1%)

Blue128 (50.2%)

Hue166.15°

Saturation (HSL)79.89%

Lightness35.1%

Dominant channelGreen

Hex per channelR 12 · G A1 · B 80

Keep nerding

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

#12A180

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