#12f367 hex color

In a RGB color space, hex #12f367 is composed of 7.1% red, 95.3% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 0% magenta, 57.6% yellow and 4.7% black. It has a hue angle of 142.7 degrees, a saturation of 90.4% and a lightness of 51.2%. #12f367 color hex could be obtained by blending #24ffce with #00e700. Closest websafe color is: #00ff66.

♥
- f
- t
- g
- R 7
- G 95
- B 40
RGB color chart
- C 93
- M 0
- Y 58
- K 5
CMYK color chart

● #12f367 color description : Vivid cyan - lime green.

The hexadecimal color #12f367 has RGB values of R:18, G:243, B:103 and CMYK values of C:0.93, M:0, Y:0.58, K:0.05. Its decimal value is 1241959.

Hex triplet	12f367	`#12f367`
RGB Decimal	18, 243, 103	`rgb(18,243,103)`
RGB Percent	7.1, 95.3, 40.4	`rgb(7.1%,95.3%,40.4%)`
CMYK	93, 0, 58, 5
HSL	142.7°, 90.4, 51.2	`hsl(142.7,90.4%,51.2%)`
HSV (or HSB)	142.7°, 92.6, 95.3
Web Safe	00ff66	`#00ff66`

CIE-LAB	84.589, -76.062, 53.316
XYZ	34.746, 65.205, 23.586
xyY	0.281, 0.528, 65.205
CIE-LCH	84.589, 92.887, 144.971
CIE-LUV	84.589, -76.511, 80.544
Hunter-Lab	80.75, -64.505, 39.207
Binary	00010010, 11110011, 01100111

#12f367
```
#12f367 rgb(18,243,103)
```
#f3129e
```
#f3129e rgb(243,18,158)
```

Complementary Color

#2ef312
```
#2ef312 rgb(46,243,18)
```
#12f367
```
#12f367 rgb(18,243,103)
```
#12f3d8
```
#12f3d8 rgb(18,243,216)
```

Analogous Color

#f3122e
```
#f3122e rgb(243,18,46)
```
#12f367
```
#12f367 rgb(18,243,103)
```
#d812f3
```
#d812f3 rgb(216,18,243)
```

Split Complementary Color

#f36712
```
#f36712 rgb(243,103,18)
```
#12f367
```
#12f367 rgb(18,243,103)
```
#6712f3
```
#6712f3 rgb(103,18,243)
```

Triadic Color

#9ef312
```
#9ef312 rgb(158,243,18)
```
#12f367
```
#12f367 rgb(18,243,103)
```
#6712f3
```
#6712f3 rgb(103,18,243)
```
#f3129e
```
#f3129e rgb(243,18,158)
```

Tetradic Color

#09b048
```
#09b048 rgb(9,176,72)
```
#0ac852
```
#0ac852 rgb(10,200,82)
```
#0be05c
```
#0be05c rgb(11,224,92)
```
#12f367
```
#12f367 rgb(18,243,103)
```
#2af477
```
#2af477 rgb(42,244,119)
```
#43f586
```
#43f586 rgb(67,245,134)
```
#5bf796
```
#5bf796 rgb(91,247,150)
```

Monochromatic Color

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

#12f32f
```
#12f32f rgb(18,243,47)
```
#12f341
```
#12f341 rgb(18,243,65)
```
#12f354
```
#12f354 rgb(18,243,84)
```
#12f367
```
#12f367 rgb(18,243,103)
```
#12f37a
```
#12f37a rgb(18,243,122)
```
#12f38d
```
#12f38d rgb(18,243,141)
```
#12f39f
```
#12f39f rgb(18,243,159)
```

Similar Colors

Text with hexadecimal color #12f367

This text has a font color of #12f367.

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

#12f367 background color

This paragraph has a background color of #12f367.

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

#12f367 border color

This element has a border color of #12f367.

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

CSS codes

.text {color:#12f367;}

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

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

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

#000602
```
#000602 rgb(0,6,2)
```
#01180a
```
#01180a rgb(1,24,10)
```
#022b12
```
#022b12 rgb(2,43,18)
```
#033e19
```
#033e19 rgb(3,62,25)
```
#045021
```
#045021 rgb(4,80,33)
```
#056329
```
#056329 rgb(5,99,41)
```
#067630
```
#067630 rgb(6,118,48)
```
#078838
```
#078838 rgb(7,136,56)
```
#089b3f
```
#089b3f rgb(8,155,63)
```
#09ae47
```
#09ae47 rgb(9,174,71)
```
#0ac04f
```
#0ac04f rgb(10,192,79)
```
#0bd356
```
#0bd356 rgb(11,211,86)
```
#0ce65e
```
#0ce65e rgb(12,230,94)
```

Shade Color Variation

#12f367
```
#12f367 rgb(18,243,103)
```
#25f473
```
#25f473 rgb(37,244,115)
```
#37f57f
```
#37f57f rgb(55,245,127)
```
#4af68b
```
#4af68b rgb(74,246,139)
```
#5df797
```
#5df797 rgb(93,247,151)
```
#6ff8a3
```
#6ff8a3 rgb(111,248,163)
```
#82f9af
```
#82f9af rgb(130,249,175)
```
#95fabb
```
#95fabb rgb(149,250,187)
```
#a7fbc7
```
#a7fbc7 rgb(167,251,199)
```
#bafcd3
```
#bafcd3 rgb(186,252,211)
```
#cdfcdf
```
#cdfcdf rgb(205,252,223)
```
#dffdeb
```
#dffdeb rgb(223,253,235)
```
#f2fef7
```
#f2fef7 rgb(242,254,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8a81 is the less saturated color, while #08fd65 is the most saturated one.

#7b8a81
```
#7b8a81 rgb(123,138,129)
```
#72937e
```
#72937e rgb(114,147,126)
```
#689d7c
```
#689d7c rgb(104,157,124)
```
#5fa67a
```
#5fa67a rgb(95,166,122)
```
#55b077
```
#55b077 rgb(85,176,119)
```
#4bba75
```
#4bba75 rgb(75,186,117)
```
#42c373
```
#42c373 rgb(66,195,115)
```
#38cd70
```
#38cd70 rgb(56,205,112)
```
#2fd66e
```
#2fd66e rgb(47,214,110)
```
#25e06c
```
#25e06c rgb(37,224,108)
```
#1ce969
```
#1ce969 rgb(28,233,105)
```
#12f367
```
#12f367 rgb(18,243,103)
```
#08fd65
```
#08fd65 rgb(8,253,101)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#84b195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd565 Protanopia 1% of men
#ffcc87 Deuteranopia 1% of men
#71e5f6 Tritanopia 0.001% of the population

Trichromacy

#9ce066 Protanomaly 1% of men, 0.01% of women
#a8da7b Deuteranomaly 6% of men, 0.4% of women
#4eeac2 Tritanomaly 0.01% of the population

#12f367 hex color

#12f367 Color Information

#12f367 Color Conversion

Color Schemes with #12f367

Alternatives to #12f367

#12f367 Preview

Shades and Tints of #12f367

Tones of #12f367

Color Blindness Simulator