#12a254 hex color

In a RGB color space, hex #12a254 is composed of 7.1% red, 63.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 0% magenta, 48.1% yellow and 36.5% black. It has a hue angle of 147.5 degrees, a saturation of 80% and a lightness of 35.3%. #12a254 color hex could be obtained by blending #24ffa8 with #004500. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 7
- G 64
- B 33
RGB color chart
- C 89
- M 0
- Y 48
- K 36
CMYK color chart

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

The hexadecimal color #12a254 has RGB values of R:18, G:162, B:84 and CMYK values of C:0.89, M:0, Y:0.48, K:0.36. Its decimal value is 1221204.

Hex triplet	12a254	`#12a254`
RGB Decimal	18, 162, 84	`rgb(18,162,84)`
RGB Percent	7.1, 63.5, 32.9	`rgb(7.1%,63.5%,32.9%)`
CMYK	89, 0, 48, 36
HSL	147.5°, 80, 35.3	`hsl(147.5,80%,35.3%)`
HSV (or HSB)	147.5°, 88.9, 63.5
Web Safe	009966	`#009966`

CIE-LAB	58.609, -52.786, 30.804
XYZ	14.769, 26.608, 12.744
xyY	0.273, 0.492, 26.608
CIE-LCH	58.609, 61.117, 149.733
CIE-LUV	58.609, -51.182, 46.725
Hunter-Lab	51.583, -39.162, 21.459
Binary	00010010, 10100010, 01010100

#12a254
```
#12a254 rgb(18,162,84)
```
#a21260
```
#a21260 rgb(162,18,96)
```

Complementary Color

#18a212
```
#18a212 rgb(24,162,18)
```
#12a254
```
#12a254 rgb(18,162,84)
```
#12a29c
```
#12a29c rgb(18,162,156)
```

Analogous Color

#a21218
```
#a21218 rgb(162,18,24)
```
#12a254
```
#12a254 rgb(18,162,84)
```
#9c12a2
```
#9c12a2 rgb(156,18,162)
```

Split Complementary Color

#a25412
```
#a25412 rgb(162,84,18)
```
#12a254
```
#12a254 rgb(18,162,84)
```
#5412a2
```
#5412a2 rgb(84,18,162)
```

Triadic Color

#60a212
```
#60a212 rgb(96,162,18)
```
#12a254
```
#12a254 rgb(18,162,84)
```
#5412a2
```
#5412a2 rgb(84,18,162)
```
#a21260
```
#a21260 rgb(162,18,96)
```

Tetradic Color

#0a5d30
```
#0a5d30 rgb(10,93,48)
```
#0d743c
```
#0d743c rgb(13,116,60)
```
#0f8b48
```
#0f8b48 rgb(15,139,72)
```
#12a254
```
#12a254 rgb(18,162,84)
```
#15b960
```
#15b960 rgb(21,185,96)
```
#17d06c
```
#17d06c rgb(23,208,108)
```
#1be678
```
#1be678 rgb(27,230,120)
```

Monochromatic Color

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

#12a230
```
#12a230 rgb(18,162,48)
```
#12a23c
```
#12a23c rgb(18,162,60)
```
#12a248
```
#12a248 rgb(18,162,72)
```
#12a254
```
#12a254 rgb(18,162,84)
```
#12a260
```
#12a260 rgb(18,162,96)
```
#12a26c
```
#12a26c rgb(18,162,108)
```
#12a278
```
#12a278 rgb(18,162,120)
```

Similar Colors

Text with hexadecimal color #12a254

This text has a font color of #12a254.

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

#12a254 background color

This paragraph has a background color of #12a254.

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

#12a254 border color

This element has a border color of #12a254.

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

CSS codes

.text {color:#12a254;}

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

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

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, #000302 is the darkest color, while #f0fdf6 is the lightest one.

#000302
```
#000302 rgb(0,3,2)
```
#02150b
```
#02150b rgb(2,21,11)
```
#042614
```
#042614 rgb(4,38,20)
```
#06381d
```
#06381d rgb(6,56,29)
```
#084a26
```
#084a26 rgb(8,74,38)
```
#0a5b2f
```
#0a5b2f rgb(10,91,47)
```
#0c6d39
```
#0c6d39 rgb(12,109,57)
```
#0e7f42
```
#0e7f42 rgb(14,127,66)
```
#10904b
```
#10904b rgb(16,144,75)
```
#12a254
```
#12a254 rgb(18,162,84)
```
#14b45d
```
#14b45d rgb(20,180,93)
```
#16c566
```
#16c566 rgb(22,197,102)
```
#18d76f
```
#18d76f rgb(24,215,111)
```

Shade Color Variation

#1de679
```
#1de679 rgb(29,230,121)
```
#2ee883
```
#2ee883 rgb(46,232,131)
```
#40ea8e
```
#40ea8e rgb(64,234,142)
```
#52ec98
```
#52ec98 rgb(82,236,152)
```
#63eea3
```
#63eea3 rgb(99,238,163)
```
#75f0ad
```
#75f0ad rgb(117,240,173)
```
#87f2b8
```
#87f2b8 rgb(135,242,184)
```
#98f4c2
```
#98f4c2 rgb(152,244,194)
```
#aaf6cd
```
#aaf6cd rgb(170,246,205)
```
#bcf8d7
```
#bcf8d7 rgb(188,248,215)
```
#cdf9e1
```
#cdf9e1 rgb(205,249,225)
```
#dffbec
```
#dffbec rgb(223,251,236)
```
#f0fdf6
```
#f0fdf6 rgb(240,253,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575d5a is the less saturated color, while #04b053 is the most saturated one.

#575d5a
```
#575d5a rgb(87,93,90)
```
#506459
```
#506459 rgb(80,100,89)
```
#496b59
```
#496b59 rgb(73,107,89)
```
#427258
```
#427258 rgb(66,114,88)
```
#3c7857
```
#3c7857 rgb(60,120,87)
```
#357f57
```
#357f57 rgb(53,127,87)
```
#2e8656
```
#2e8656 rgb(46,134,86)
```
#278d56
```
#278d56 rgb(39,141,86)
```
#209455
```
#209455 rgb(32,148,85)
```
#199b55
```
#199b55 rgb(25,155,85)
```
#12a254
```
#12a254 rgb(18,162,84)
```
#0ba953
```
#0ba953 rgb(11,169,83)
```
#04b053
```
#04b053 rgb(4,176,83)
```

Tone Color Variation

Below, you can see how #12a254 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

#6e6e6e Achromatopsia 0.005% of the population
#5c7869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09255 Protanopia 1% of men
#ae8c66 Deuteranopia 1% of men
#4d9ea9 Tritanopia 0.001% of the population

Trichromacy

#6c9855 Protanomaly 1% of men, 0.01% of women
#75945f Deuteranomaly 6% of men, 0.4% of women
#379f8a Tritanomaly 0.01% of the population

#12a254 hex color

#12a254 Color Information

#12a254 Color Conversion

Color Schemes with #12a254

Alternatives to #12a254

#12a254 Preview

Shades and Tints of #12a254

Tones of #12a254

Color Blindness Simulator