#12ad64 hex color

In a RGB color space, hex #12ad64 is composed of 7.1% red, 67.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 0% magenta, 42.2% yellow and 32.2% black. It has a hue angle of 151.7 degrees, a saturation of 81.2% and a lightness of 37.5%. #12ad64 color hex could be obtained by blending #24ffc8 with #005b00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 7
- G 68
- B 39
RGB color chart
- C 90
- M 0
- Y 42
- K 32
CMYK color chart

● #12ad64 color description : Dark cyan - lime green.

The hexadecimal color #12ad64 has RGB values of R:18, G:173, B:100 and CMYK values of C:0.9, M:0, Y:0.42, K:0.32. Its decimal value is 1224036.

Hex triplet	12ad64	`#12ad64`
RGB Decimal	18, 173, 100	`rgb(18,173,100)`
RGB Percent	7.1, 67.8, 39.2	`rgb(7.1%,67.8%,39.2%)`
CMYK	90, 0, 42, 32
HSL	151.7°, 81.2, 37.5	`hsl(151.7,81.2%,37.5%)`
HSV (or HSB)	151.7°, 89.6, 67.8
Web Safe	009966	`#009966`

CIE-LAB	62.452, -53.75, 27.346
XYZ	17.492, 30.934, 17.105
xyY	0.267, 0.472, 30.934
CIE-LCH	62.452, 60.306, 153.034
CIE-LUV	62.452, -54.008, 43.988
Hunter-Lab	55.618, -41.194, 20.699
Binary	00010010, 10101101, 01100100

#12ad64
```
#12ad64 rgb(18,173,100)
```
#ad125b
```
#ad125b rgb(173,18,91)
```

Complementary Color

#12ad17
```
#12ad17 rgb(18,173,23)
```
#12ad64
```
#12ad64 rgb(18,173,100)
```
#12a9ad
```
#12a9ad rgb(18,169,173)
```

Analogous Color

#ad1712
```
#ad1712 rgb(173,23,18)
```
#12ad64
```
#12ad64 rgb(18,173,100)
```
#ad12a9
```
#ad12a9 rgb(173,18,169)
```

Split Complementary Color

#ad6412
```
#ad6412 rgb(173,100,18)
```
#12ad64
```
#12ad64 rgb(18,173,100)
```
#6412ad
```
#6412ad rgb(100,18,173)
```

Triadic Color

#5bad12
```
#5bad12 rgb(91,173,18)
```
#12ad64
```
#12ad64 rgb(18,173,100)
```
#6412ad
```
#6412ad rgb(100,18,173)
```
#ad125b
```
#ad125b rgb(173,18,91)
```

Tetradic Color

#0b683c
```
#0b683c rgb(11,104,60)
```
#0d7f49
```
#0d7f49 rgb(13,127,73)
```
#109657
```
#109657 rgb(16,150,87)
```
#12ad64
```
#12ad64 rgb(18,173,100)
```
#14c471
```
#14c471 rgb(20,196,113)
```
#17db7f
```
#17db7f rgb(23,219,127)
```
#23e88b
```
#23e88b rgb(35,232,139)
```

Monochromatic Color

Below, you can see some colors close to #12ad64. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#12ad3d
```
#12ad3d rgb(18,173,61)
```
#12ad4a
```
#12ad4a rgb(18,173,74)
```
#12ad57
```
#12ad57 rgb(18,173,87)
```
#12ad64
```
#12ad64 rgb(18,173,100)
```
#12ad71
```
#12ad71 rgb(18,173,113)
```
#12ad7e
```
#12ad7e rgb(18,173,126)
```
#12ad8b
```
#12ad8b rgb(18,173,139)
```

Similar Colors

Text with hexadecimal color #12ad64

This text has a font color of #12ad64.

<span style="color:#12ad64;">Text here</span>

#12ad64 background color

This paragraph has a background color of #12ad64.

<p style="background-color:#12ad64;">Content here</p>

#12ad64 border color

This element has a border color of #12ad64.

<div style="border:1px solid #12ad64;">Content here</div>

CSS codes

.text {color:#12ad64;}

.background {background-color:#12ad64;}

.border {border:1px solid #12ad64;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010d08 is the darkest color, while #fafffd is the lightest one.

#010d08
```
#010d08 rgb(1,13,8)
```
#031f12
```
#031f12 rgb(3,31,18)
```
#05311c
```
#05311c rgb(5,49,28)
```
#074226
```
#074226 rgb(7,66,38)
```
#095431
```
#095431 rgb(9,84,49)
```
#0b663b
```
#0b663b rgb(11,102,59)
```
#0c7845
```
#0c7845 rgb(12,120,69)
```
#0e894f
```
#0e894f rgb(14,137,79)
```
#109b5a
```
#109b5a rgb(16,155,90)
```
#12ad64
```
#12ad64 rgb(18,173,100)
```
#14bf6e
```
#14bf6e rgb(20,191,110)
```
#16d179
```
#16d179 rgb(22,209,121)
```
#18e283
```
#18e283 rgb(24,226,131)
```

Shade Color Variation

#25e88c
```
#25e88c rgb(37,232,140)
```
#37ea96
```
#37ea96 rgb(55,234,150)
```
#49ec9f
```
#49ec9f rgb(73,236,159)
```
#5aeea8
```
#5aeea8 rgb(90,238,168)
```
#6cf0b2
```
#6cf0b2 rgb(108,240,178)
```
#7ef2bb
```
#7ef2bb rgb(126,242,187)
```
#90f3c4
```
#90f3c4 rgb(144,243,196)
```
#a1f5ce
```
#a1f5ce rgb(161,245,206)
```
#b3f7d7
```
#b3f7d7 rgb(179,247,215)
```
#c5f9e1
```
#c5f9e1 rgb(197,249,225)
```
#d7fbea
```
#d7fbea rgb(215,251,234)
```
#e9fdf3
```
#e9fdf3 rgb(233,253,243)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6460 is the less saturated color, while #03bc65 is the most saturated one.

#5b6460
```
#5b6460 rgb(91,100,96)
```
#546b60
```
#546b60 rgb(84,107,96)
```
#4d7261
```
#4d7261 rgb(77,114,97)
```
#457a61
```
#457a61 rgb(69,122,97)
```
#3e8161
```
#3e8161 rgb(62,129,97)
```
#378862
```
#378862 rgb(55,136,98)
```
#2f9062
```
#2f9062 rgb(47,144,98)
```
#289763
```
#289763 rgb(40,151,99)
```
#219e63
```
#219e63 rgb(33,158,99)
```
#19a664
```
#19a664 rgb(25,166,100)
```
#12ad64
```
#12ad64 rgb(18,173,100)
```
#0bb464
```
#0bb464 rgb(11,180,100)
```
#03bc65
```
#03bc65 rgb(3,188,101)
```

Tone Color Variation

Below, you can see how #12ad64 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#767676 Achromatopsia 0.005% of the population
#628172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9c64 Protanopia 1% of men
#b79675 Deuteranopia 1% of men
#4fa8b4 Tritanopia 0.001% of the population

Trichromacy

#72a264 Protanomaly 1% of men, 0.01% of women
#7b9e6f Deuteranomaly 6% of men, 0.4% of women
#39aa97 Tritanomaly 0.01% of the population

#12ad64 hex color

#12ad64 Color Information

#12ad64 Color Conversion

Color Schemes with #12ad64

Alternatives to #12ad64

#12ad64 Preview

Shades and Tints of #12ad64

Tones of #12ad64

Color Blindness Simulator