#12f363 hex color

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

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

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

The hexadecimal color #12f363 has RGB values of R:18, G:243, B:99 and CMYK values of C:0.93, M:0, Y:0.59, K:0.05. Its decimal value is 1241955.

Hex triplet	12f363	`#12f363`
RGB Decimal	18, 243, 99	`rgb(18,243,99)`
RGB Percent	7.1, 95.3, 38.8	`rgb(7.1%,95.3%,38.8%)`
CMYK	93, 0, 59, 5
HSL	141.6°, 90.4, 51.2	`hsl(141.6,90.4%,51.2%)`
HSV (or HSB)	141.6°, 92.6, 95.3
Web Safe	00ff66	`#00ff66`

CIE-LAB	84.549, -76.562, 55.025
XYZ	34.55, 65.127, 22.553
xyY	0.283, 0.533, 65.127
CIE-LCH	84.549, 94.284, 144.295
CIE-LUV	84.549, -76.689, 82.252
Hunter-Lab	80.701, -64.807, 39.921
Binary	00010010, 11110011, 01100011

#12f363
```
#12f363 rgb(18,243,99)
```
#f312a2
```
#f312a2 rgb(243,18,162)
```

Complementary Color

#32f312
```
#32f312 rgb(50,243,18)
```
#12f363
```
#12f363 rgb(18,243,99)
```
#12f3d4
```
#12f3d4 rgb(18,243,212)
```

Analogous Color

#f31231
```
#f31231 rgb(243,18,49)
```
#12f363
```
#12f363 rgb(18,243,99)
```
#d412f3
```
#d412f3 rgb(212,18,243)
```

Split Complementary Color

#f36312
```
#f36312 rgb(243,99,18)
```
#12f363
```
#12f363 rgb(18,243,99)
```
#6312f3
```
#6312f3 rgb(99,18,243)
```

Triadic Color

#a2f312
```
#a2f312 rgb(162,243,18)
```
#12f363
```
#12f363 rgb(18,243,99)
```
#6312f3
```
#6312f3 rgb(99,18,243)
```
#f312a2
```
#f312a2 rgb(243,18,162)
```

Tetradic Color

#09b045
```
#09b045 rgb(9,176,69)
```
#0ac84e
```
#0ac84e rgb(10,200,78)
```
#0be058
```
#0be058 rgb(11,224,88)
```
#12f363
```
#12f363 rgb(18,243,99)
```
#2af473
```
#2af473 rgb(42,244,115)
```
#43f583
```
#43f583 rgb(67,245,131)
```
#5bf793
```
#5bf793 rgb(91,247,147)
```

Monochromatic Color

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

#12f32b
```
#12f32b rgb(18,243,43)
```
#12f33e
```
#12f33e rgb(18,243,62)
```
#12f350
```
#12f350 rgb(18,243,80)
```
#12f363
```
#12f363 rgb(18,243,99)
```
#12f376
```
#12f376 rgb(18,243,118)
```
#12f389
```
#12f389 rgb(18,243,137)
```
#12f39b
```
#12f39b rgb(18,243,155)
```

Similar Colors

Text with hexadecimal color #12f363

This text has a font color of #12f363.

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

#12f363 background color

This paragraph has a background color of #12f363.

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

#12f363 border color

This element has a border color of #12f363.

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

CSS codes

.text {color:#12f363;}

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

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

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 #f2fef6 is the lightest one.

#000602
```
#000602 rgb(0,6,2)
```
#01180a
```
#01180a rgb(1,24,10)
```
#022b11
```
#022b11 rgb(2,43,17)
```
#033e18
```
#033e18 rgb(3,62,24)
```
#045020
```
#045020 rgb(4,80,32)
```
#056327
```
#056327 rgb(5,99,39)
```
#06762e
```
#06762e rgb(6,118,46)
```
#078836
```
#078836 rgb(7,136,54)
```
#089b3d
```
#089b3d rgb(8,155,61)
```
#09ae44
```
#09ae44 rgb(9,174,68)
```
#0ac04c
```
#0ac04c rgb(10,192,76)
```
#0bd353
```
#0bd353 rgb(11,211,83)
```
#0ce65a
```
#0ce65a rgb(12,230,90)
```

Shade Color Variation

#12f363
```
#12f363 rgb(18,243,99)
```
#25f46f
```
#25f46f rgb(37,244,111)
```
#37f57c
```
#37f57c rgb(55,245,124)
```
#4af688
```
#4af688 rgb(74,246,136)
```
#5df794
```
#5df794 rgb(93,247,148)
```
#6ff8a0
```
#6ff8a0 rgb(111,248,160)
```
#82f9ad
```
#82f9ad rgb(130,249,173)
```
#95fab9
```
#95fab9 rgb(149,250,185)
```
#a7fbc5
```
#a7fbc5 rgb(167,251,197)
```
#bafcd2
```
#bafcd2 rgb(186,252,210)
```
#cdfcde
```
#cdfcde rgb(205,252,222)
```
#dffdea
```
#dffdea rgb(223,253,234)
```
#f2fef6
```
#f2fef6 rgb(242,254,246)
```

Tint Color Variation

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

#7b8a80
```
#7b8a80 rgb(123,138,128)
```
#72937e
```
#72937e rgb(114,147,126)
```
#689d7b
```
#689d7b rgb(104,157,123)
```
#5fa678
```
#5fa678 rgb(95,166,120)
```
#55b076
```
#55b076 rgb(85,176,118)
```
#4bba73
```
#4bba73 rgb(75,186,115)
```
#42c370
```
#42c370 rgb(66,195,112)
```
#38cd6e
```
#38cd6e rgb(56,205,110)
```
#2fd66b
```
#2fd66b rgb(47,214,107)
```
#25e068
```
#25e068 rgb(37,224,104)
```
#1ce966
```
#1ce966 rgb(28,233,102)
```
#12f363
```
#12f363 rgb(18,243,99)
```
#08fd60
```
#08fd60 rgb(8,253,96)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#83b093 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd562 Protanopia 1% of men
#ffcc86 Deuteranopia 1% of men
#72e5f6 Tritanopia 0.001% of the population

Trichromacy

#9ce062 Protanomaly 1% of men, 0.01% of women
#a8da79 Deuteranomaly 6% of men, 0.4% of women
#4feac0 Tritanomaly 0.01% of the population

#12f363 hex color

#12f363 Color Information

#12f363 Color Conversion

Color Schemes with #12f363

Alternatives to #12f363

#12f363 Preview

Shades and Tints of #12f363

Tones of #12f363

Color Blindness Simulator