#12a757 hex color

In a RGB color space, hex #12a757 is composed of 7.1% red, 65.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 0% magenta, 47.9% yellow and 34.5% black. It has a hue angle of 147.8 degrees, a saturation of 80.5% and a lightness of 36.3%. #12a757 color hex could be obtained by blending #24ffae with #004f00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 7
- G 65
- B 34
RGB color chart
- C 89
- M 0
- Y 48
- K 35
CMYK color chart

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

The hexadecimal color #12a757 has RGB values of R:18, G:167, B:87 and CMYK values of C:0.89, M:0, Y:0.48, K:0.35. Its decimal value is 1222487.

Hex triplet	12a757	`#12a757`
RGB Decimal	18, 167, 87	`rgb(18,167,87)`
RGB Percent	7.1, 65.5, 34.1	`rgb(7.1%,65.5%,34.1%)`
CMYK	89, 0, 48, 35
HSL	147.8°, 80.5, 36.3	`hsl(147.8,80.5%,36.3%)`
HSV (or HSB)	147.8°, 89.2, 65.5
Web Safe	009966	`#009966`

CIE-LAB	60.295, -54.01, 31.383
XYZ	15.787, 28.452, 13.676
xyY	0.273, 0.491, 28.452
CIE-LCH	60.295, 62.466, 149.841
CIE-LUV	60.295, -52.72, 47.95
Hunter-Lab	53.341, -40.516, 22.137
Binary	00010010, 10100111, 01010111

#12a757
```
#12a757 rgb(18,167,87)
```
#a71262
```
#a71262 rgb(167,18,98)
```

Complementary Color

#17a712
```
#17a712 rgb(23,167,18)
```
#12a757
```
#12a757 rgb(18,167,87)
```
#12a7a2
```
#12a7a2 rgb(18,167,162)
```

Analogous Color

#a71218
```
#a71218 rgb(167,18,24)
```
#12a757
```
#12a757 rgb(18,167,87)
```
#a212a7
```
#a212a7 rgb(162,18,167)
```

Split Complementary Color

#a75712
```
#a75712 rgb(167,87,18)
```
#12a757
```
#12a757 rgb(18,167,87)
```
#5712a7
```
#5712a7 rgb(87,18,167)
```

Triadic Color

#62a712
```
#62a712 rgb(98,167,18)
```
#12a757
```
#12a757 rgb(18,167,87)
```
#5712a7
```
#5712a7 rgb(87,18,167)
```
#a71262
```
#a71262 rgb(167,18,98)
```

Tetradic Color

#0b6233
```
#0b6233 rgb(11,98,51)
```
#0d793f
```
#0d793f rgb(13,121,63)
```
#10904b
```
#10904b rgb(16,144,75)
```
#12a757
```
#12a757 rgb(18,167,87)
```
#14be63
```
#14be63 rgb(20,190,99)
```
#17d56f
```
#17d56f rgb(23,213,111)
```
#1fe77b
```
#1fe77b rgb(31,231,123)
```

Monochromatic Color

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

#12a732
```
#12a732 rgb(18,167,50)
```
#12a73e
```
#12a73e rgb(18,167,62)
```
#12a74b
```
#12a74b rgb(18,167,75)
```
#12a757
```
#12a757 rgb(18,167,87)
```
#12a763
```
#12a763 rgb(18,167,99)
```
#12a770
```
#12a770 rgb(18,167,112)
```
#12a77c
```
#12a77c rgb(18,167,124)
```

Similar Colors

Text with hexadecimal color #12a757

This text has a font color of #12a757.

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

#12a757 background color

This paragraph has a background color of #12a757.

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

#12a757 border color

This element has a border color of #12a757.

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

CSS codes

.text {color:#12a757;}

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

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

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

#010804
```
#010804 rgb(1,8,4)
```
#03190d
```
#03190d rgb(3,25,13)
```
#052b16
```
#052b16 rgb(5,43,22)
```
#073d20
```
#073d20 rgb(7,61,32)
```
#084e29
```
#084e29 rgb(8,78,41)
```
#0a6032
```
#0a6032 rgb(10,96,50)
```
#0c723b
```
#0c723b rgb(12,114,59)
```
#0e8445
```
#0e8445 rgb(14,132,69)
```
#10954e
```
#10954e rgb(16,149,78)
```
#12a757
```
#12a757 rgb(18,167,87)
```
#14b960
```
#14b960 rgb(20,185,96)
```
#16ca69
```
#16ca69 rgb(22,202,105)
```
#18dc73
```
#18dc73 rgb(24,220,115)
```

Shade Color Variation

#20e77c
```
#20e77c rgb(32,231,124)
```
#32e987
```
#32e987 rgb(50,233,135)
```
#44eb91
```
#44eb91 rgb(68,235,145)
```
#56ed9c
```
#56ed9c rgb(86,237,156)
```
#67efa6
```
#67efa6 rgb(103,239,166)
```
#79f1b0
```
#79f1b0 rgb(121,241,176)
```
#8bf2bb
```
#8bf2bb rgb(139,242,187)
```
#9cf4c5
```
#9cf4c5 rgb(156,244,197)
```
#aef6d0
```
#aef6d0 rgb(174,246,208)
```
#c0f8da
```
#c0f8da rgb(192,248,218)
```
#d2fae4
```
#d2fae4 rgb(210,250,228)
```
#e3fcef
```
#e3fcef rgb(227,252,239)
```
#f5fef9
```
#f5fef9 rgb(245,254,249)
```

Tint Color Variation

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

#59605c
```
#59605c rgb(89,96,92)
```
#52675c
```
#52675c rgb(82,103,92)
```
#4b6e5b
```
#4b6e5b rgb(75,110,91)
```
#44755b
```
#44755b rgb(68,117,91)
```
#3d7c5a
```
#3d7c5a rgb(61,124,90)
```
#36835a
```
#36835a rgb(54,131,90)
```
#2e8b59
```
#2e8b59 rgb(46,139,89)
```
#279259
```
#279259 rgb(39,146,89)
```
#209958
```
#209958 rgb(32,153,88)
```
#19a058
```
#19a058 rgb(25,160,88)
```
#12a757
```
#12a757 rgb(18,167,87)
```
#0bae56
```
#0bae56 rgb(11,174,86)
```
#04b556
```
#04b556 rgb(4,181,86)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5e7c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59758 Protanopia 1% of men
#b39069 Deuteranopia 1% of men
#4ea2ae Tritanopia 0.001% of the population

Trichromacy

#6f9c57 Protanomaly 1% of men, 0.01% of women
#789862 Deuteranomaly 6% of men, 0.4% of women
#38a48e Tritanomaly 0.01% of the population

#12a757 hex color

#12a757 Color Information

#12a757 Color Conversion

Color Schemes with #12a757

Alternatives to #12a757

#12a757 Preview

Shades and Tints of #12a757

Tones of #12a757

Color Blindness Simulator