#12f3d1 hex color

In a RGB color space, hex #12f3d1 is composed of 7.1% red, 95.3% green and 82% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 0% magenta, 14% yellow and 4.7% black. It has a hue angle of 170.9 degrees, a saturation of 90.4% and a lightness of 51.2%. #12f3d1 color hex could be obtained by blending #24ffff with #00e7a3. Closest websafe color is: #00ffcc.

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

● #12f3d1 color description : Vivid cyan.

The hexadecimal color #12f3d1 has RGB values of R:18, G:243, B:209 and CMYK values of C:0.93, M:0, Y:0.14, K:0.05. Its decimal value is 1242065.

Hex triplet	12f3d1	`#12f3d1`
RGB Decimal	18, 243, 209	`rgb(18,243,209)`
RGB Percent	7.1, 95.3, 82	`rgb(7.1%,95.3%,82%)`
CMYK	93, 0, 14, 5
HSL	170.9°, 90.4, 51.2	`hsl(170.9,90.4%,51.2%)`
HSV (or HSB)	170.9°, 92.6, 95.3
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.419, -55.246, 2.913
XYZ	43.805, 68.829, 71.295
xyY	0.238, 0.374, 68.829
CIE-LCH	86.419, 55.322, 176.982
CIE-LUV	86.419, -69.681, 13.279
Hunter-Lab	82.963, -50.937, 7.123
Binary	00010010, 11110011, 11010001

#12f3d1
```
#12f3d1 rgb(18,243,209)
```
#f31234
```
#f31234 rgb(243,18,52)
```

Complementary Color

#12f361
```
#12f361 rgb(18,243,97)
```
#12f3d1
```
#12f3d1 rgb(18,243,209)
```
#12a5f3
```
#12a5f3 rgb(18,165,243)
```

Analogous Color

#f36112
```
#f36112 rgb(243,97,18)
```
#12f3d1
```
#12f3d1 rgb(18,243,209)
```
#f312a5
```
#f312a5 rgb(243,18,165)
```

Split Complementary Color

#f3d112
```
#f3d112 rgb(243,209,18)
```
#12f3d1
```
#12f3d1 rgb(18,243,209)
```
#d112f3
```
#d112f3 rgb(209,18,243)
```

Triadic Color

#34f312
```
#34f312 rgb(52,243,18)
```
#12f3d1
```
#12f3d1 rgb(18,243,209)
```
#d112f3
```
#d112f3 rgb(209,18,243)
```
#f31234
```
#f31234 rgb(243,18,52)
```

Tetradic Color

#09b096
```
#09b096 rgb(9,176,150)
```
#0ac8ab
```
#0ac8ab rgb(10,200,171)
```
#0be0c0
```
#0be0c0 rgb(11,224,192)
```
#12f3d1
```
#12f3d1 rgb(18,243,209)
```
#2af4d6
```
#2af4d6 rgb(42,244,214)
```
#43f5da
```
#43f5da rgb(67,245,218)
```
#5bf7df
```
#5bf7df rgb(91,247,223)
```

Monochromatic Color

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

#12f399
```
#12f399 rgb(18,243,153)
```
#12f3ac
```
#12f3ac rgb(18,243,172)
```
#12f3be
```
#12f3be rgb(18,243,190)
```
#12f3d1
```
#12f3d1 rgb(18,243,209)
```
#12f3e4
```
#12f3e4 rgb(18,243,228)
```
#12f0f3
```
#12f0f3 rgb(18,240,243)
```
#12ddf3
```
#12ddf3 rgb(18,221,243)
```

Similar Colors

Text with hexadecimal color #12f3d1

This text has a font color of #12f3d1.

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

#12f3d1 background color

This paragraph has a background color of #12f3d1.

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

#12f3d1 border color

This element has a border color of #12f3d1.

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

CSS codes

.text {color:#12f3d1;}

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

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

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

#000605
```
#000605 rgb(0,6,5)
```
#011815
```
#011815 rgb(1,24,21)
```
#022b25
```
#022b25 rgb(2,43,37)
```
#033e35
```
#033e35 rgb(3,62,53)
```
#045045
```
#045045 rgb(4,80,69)
```
#056355
```
#056355 rgb(5,99,85)
```
#067665
```
#067665 rgb(6,118,101)
```
#078875
```
#078875 rgb(7,136,117)
```
#089b85
```
#089b85 rgb(8,155,133)
```
#09ae95
```
#09ae95 rgb(9,174,149)
```
#0ac0a5
```
#0ac0a5 rgb(10,192,165)
```
#0bd3b5
```
#0bd3b5 rgb(11,211,181)
```
#0ce6c5
```
#0ce6c5 rgb(12,230,197)
```

Shade Color Variation

#12f3d1
```
#12f3d1 rgb(18,243,209)
```
#25f4d5
```
#25f4d5 rgb(37,244,213)
```
#37f5d8
```
#37f5d8 rgb(55,245,216)
```
#4af6dc
```
#4af6dc rgb(74,246,220)
```
#5df7df
```
#5df7df rgb(93,247,223)
```
#6ff8e3
```
#6ff8e3 rgb(111,248,227)
```
#82f9e7
```
#82f9e7 rgb(130,249,231)
```
#95faea
```
#95faea rgb(149,250,234)
```
#a7fbee
```
#a7fbee rgb(167,251,238)
```
#bafcf2
```
#bafcf2 rgb(186,252,242)
```
#cdfcf5
```
#cdfcf5 rgb(205,252,245)
```
#dffdf9
```
#dffdf9 rgb(223,253,249)
```
#f2fefc
```
#f2fefc rgb(242,254,252)
```

Tint Color Variation

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

#7b8a87
```
#7b8a87 rgb(123,138,135)
```
#72938e
```
#72938e rgb(114,147,142)
```
#689d95
```
#689d95 rgb(104,157,149)
```
#5fa69c
```
#5fa69c rgb(95,166,156)
```
#55b0a2
```
#55b0a2 rgb(85,176,162)
```
#4bbaa9
```
#4bbaa9 rgb(75,186,169)
```
#42c3b0
```
#42c3b0 rgb(66,195,176)
```
#38cdb6
```
#38cdb6 rgb(56,205,182)
```
#2fd6bd
```
#2fd6bd rgb(47,214,189)
```
#25e0c4
```
#25e0c4 rgb(37,224,196)
```
#1ce9ca
```
#1ce9ca rgb(28,233,202)
```
#12f3d1
```
#12f3d1 rgb(18,243,209)
```
#08fdd8
```
#08fdd8 rgb(8,253,216)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#8dbab3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d9c6 Protanopia 1% of men
#ecd4de Deuteranopia 1% of men
#53edfe Tritanopia 0.001% of the population

Trichromacy

#96e2ca Protanomaly 1% of men, 0.01% of women
#9cdfd9 Deuteranomaly 6% of men, 0.4% of women
#3befee Tritanomaly 0.01% of the population

#12f3d1 hex color

#12f3d1 Color Information

#12f3d1 Color Conversion

Color Schemes with #12f3d1

Alternatives to #12f3d1

#12f3d1 Preview

Shades and Tints of #12f3d1

Tones of #12f3d1

Color Blindness Simulator