#12b348 hex color

In a RGB color space, hex #12b348 is composed of 7.1% red, 70.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 0% magenta, 59.8% yellow and 29.8% black. It has a hue angle of 140.1 degrees, a saturation of 81.7% and a lightness of 38.6%. #12b348 color hex could be obtained by blending #24ff90 with #006700. Closest websafe color is: #00cc33.

♥
- f
- t
- g
- R 7
- G 70
- B 28
RGB color chart
- C 90
- M 0
- Y 60
- K 30
CMYK color chart

● #12b348 color description : Strong cyan - lime green.

The hexadecimal color #12b348 has RGB values of R:18, G:179, B:72 and CMYK values of C:0.9, M:0, Y:0.6, K:0.3. Its decimal value is 1225544.

Hex triplet	12b348	`#12b348`
RGB Decimal	18, 179, 72	`rgb(18,179,72)`
RGB Percent	7.1, 70.2, 28.2	`rgb(7.1%,70.2%,28.2%)`
CMYK	90, 0, 60, 30
HSL	140.1°, 81.7, 38.6	`hsl(140.1,81.7%,38.6%)`
HSV (or HSB)	140.1°, 89.9, 70.2
Web Safe	00cc33	`#00cc33`

CIE-LAB	64.027, -60.289, 43.318
XYZ	17.538, 32.835, 11.544
xyY	0.283, 0.53, 32.835
CIE-LCH	64.027, 74.238, 144.302
CIE-LUV	64.027, -57.471, 61.757
Hunter-Lab	57.302, -45.645, 28.167
Binary	00010010, 10110011, 01001000

#12b348
```
#12b348 rgb(18,179,72)
```
#b3127d
```
#b3127d rgb(179,18,125)
```

Complementary Color

#2db312
```
#2db312 rgb(45,179,18)
```
#12b348
```
#12b348 rgb(18,179,72)
```
#12b399
```
#12b399 rgb(18,179,153)
```

Analogous Color

#b3122d
```
#b3122d rgb(179,18,45)
```
#12b348
```
#12b348 rgb(18,179,72)
```
#9912b3
```
#9912b3 rgb(153,18,179)
```

Split Complementary Color

#b34812
```
#b34812 rgb(179,72,18)
```
#12b348
```
#12b348 rgb(18,179,72)
```
#4812b3
```
#4812b3 rgb(72,18,179)
```

Triadic Color

#7db312
```
#7db312 rgb(125,179,18)
```
#12b348
```
#12b348 rgb(18,179,72)
```
#4812b3
```
#4812b3 rgb(72,18,179)
```
#b3127d
```
#b3127d rgb(179,18,125)
```

Tetradic Color

#0b6d2c
```
#0b6d2c rgb(11,109,44)
```
#0d8535
```
#0d8535 rgb(13,133,53)
```
#109c3f
```
#109c3f rgb(16,156,63)
```
#12b348
```
#12b348 rgb(18,179,72)
```
#14ca51
```
#14ca51 rgb(20,202,81)
```
#17e15b
```
#17e15b rgb(23,225,91)
```
#28e969
```
#28e969 rgb(40,233,105)
```

Monochromatic Color

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

#12b320
```
#12b320 rgb(18,179,32)
```
#12b32d
```
#12b32d rgb(18,179,45)
```
#12b33b
```
#12b33b rgb(18,179,59)
```
#12b348
```
#12b348 rgb(18,179,72)
```
#12b355
```
#12b355 rgb(18,179,85)
```
#12b363
```
#12b363 rgb(18,179,99)
```
#12b370
```
#12b370 rgb(18,179,112)
```

Similar Colors

Text with hexadecimal color #12b348

This text has a font color of #12b348.

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

#12b348 background color

This paragraph has a background color of #12b348.

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

#12b348 border color

This element has a border color of #12b348.

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

CSS codes

.text {color:#12b348;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#021307
```
#021307 rgb(2,19,7)
```
#04240f
```
#04240f rgb(4,36,15)
```
#053616
```
#053616 rgb(5,54,22)
```
#07481d
```
#07481d rgb(7,72,29)
```
#095a24
```
#095a24 rgb(9,90,36)
```
#0b6c2b
```
#0b6c2b rgb(11,108,43)
```
#0d7e32
```
#0d7e32 rgb(13,126,50)
```
#0e8f3a
```
#0e8f3a rgb(14,143,58)
```
#10a141
```
#10a141 rgb(16,161,65)
```
#12b348
```
#12b348 rgb(18,179,72)
```
#14c54f
```
#14c54f rgb(20,197,79)
```
#16d756
```
#16d756 rgb(22,215,86)
```

Shade Color Variation

#18e85e
```
#18e85e rgb(24,232,94)
```
#2aea6a
```
#2aea6a rgb(42,234,106)
```
#3ceb77
```
#3ceb77 rgb(60,235,119)
```
#4eed83
```
#4eed83 rgb(78,237,131)
```
#5fef90
```
#5fef90 rgb(95,239,144)
```
#71f19c
```
#71f19c rgb(113,241,156)
```
#83f3a8
```
#83f3a8 rgb(131,243,168)
```
#95f4b5
```
#95f4b5 rgb(149,244,181)
```
#a7f6c1
```
#a7f6c1 rgb(167,246,193)
```
#b8f8ce
```
#b8f8ce rgb(184,248,206)
```
#cafada
```
#cafada rgb(202,250,218)
```
#dcfbe7
```
#dcfbe7 rgb(220,251,231)
```
#eefdf3
```
#eefdf3 rgb(238,253,243)
```

Tint Color Variation

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

#5e6761
```
#5e6761 rgb(94,103,97)
```
#566f5e
```
#566f5e rgb(86,111,94)
```
#4f765c
```
#4f765c rgb(79,118,92)
```
#477e59
```
#477e59 rgb(71,126,89)
```
#3f8657
```
#3f8657 rgb(63,134,87)
```
#388d54
```
#388d54 rgb(56,141,84)
```
#309552
```
#309552 rgb(48,149,82)
```
#299c4f
```
#299c4f rgb(41,156,79)
```
#21a44d
```
#21a44d rgb(33,164,77)
```
#1aab4a
```
#1aab4a rgb(26,171,74)
```
#12b348
```
#12b348 rgb(18,179,72)
```
#0abb46
```
#0abb46 rgb(10,187,70)
```
#03c243
```
#03c243 rgb(3,194,67)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#63836e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a04a Protanopia 1% of men
#c2995c Deuteranopia 1% of men
#57acb8 Tritanopia 0.001% of the population

Trichromacy

#77a749 Protanomaly 1% of men, 0.01% of women
#82a255 Deuteranomaly 6% of men, 0.4% of women
#3dae8f Tritanomaly 0.01% of the population

#12b348 hex color

#12b348 Color Information

#12b348 Color Conversion

Color Schemes with #12b348

Alternatives to #12b348

#12b348 Preview

Shades and Tints of #12b348

Tones of #12b348

Color Blindness Simulator