#12f8f7 hex color

In a RGB color space, hex #12f8f7 is composed of 7.1% red, 97.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 0% magenta, 0.4% yellow and 2.7% black. It has a hue angle of 179.7 degrees, a saturation of 94.3% and a lightness of 52.2%. #12f8f7 color hex could be obtained by blending #24ffff with #00f1ef. Closest websafe color is: #00ffff.

♥
- f
- t
- g
- R 7
- G 97
- B 97
RGB color chart
- C 93
- M 0
- Y 0
- K 3
CMYK color chart

● #12f8f7 color description : Vivid cyan.

The hexadecimal color #12f8f7 has RGB values of R:18, G:248, B:247 and CMYK values of C:0.93, M:0, Y:0, K:0.03. Its decimal value is 1243383.

Hex triplet	12f8f7	`#12f8f7`
RGB Decimal	18, 248, 247	`rgb(18,248,247)`
RGB Percent	7.1, 97.3, 96.9	`rgb(7.1%,97.3%,96.9%)`
CMYK	93, 0, 0, 3
HSL	179.7°, 94.3, 52.2	`hsl(179.7,94.3%,52.2%)`
HSV (or HSB)	179.7°, 92.7, 97.3
Web Safe	00ffff	`#00ffff`

CIE-LAB	88.91, -46.963, -13.269
XYZ	50.6, 73.974, 99.602
xyY	0.226, 0.33, 73.974
CIE-LCH	88.91, 48.801, 195.777
CIE-LUV	88.91, -68.327, -13.899
Hunter-Lab	86.008, -45.499, -8.456
Binary	00010010, 11111000, 11110111

#12f8f7
```
#12f8f7 rgb(18,248,247)
```
#f81213
```
#f81213 rgb(248,18,19)
```

Complementary Color

#12f884
```
#12f884 rgb(18,248,132)
```
#12f8f7
```
#12f8f7 rgb(18,248,247)
```
#1286f8
```
#1286f8 rgb(18,134,248)
```

Analogous Color

#f88412
```
#f88412 rgb(248,132,18)
```
#12f8f7
```
#12f8f7 rgb(18,248,247)
```
#f81286
```
#f81286 rgb(248,18,134)
```

Split Complementary Color

#f8f712
```
#f8f712 rgb(248,247,18)
```
#12f8f7
```
#12f8f7 rgb(18,248,247)
```
#f712f8
```
#f712f8 rgb(247,18,248)
```

Triadic Color

#13f812
```
#13f812 rgb(19,248,18)
```
#12f8f7
```
#12f8f7 rgb(18,248,247)
```
#f712f8
```
#f712f8 rgb(247,18,248)
```
#f81213
```
#f81213 rgb(248,18,19)
```

Tetradic Color

#05b8b7
```
#05b8b7 rgb(5,184,183)
```
#06d1d0
```
#06d1d0 rgb(6,209,208)
```
#07eae9
```
#07eae9 rgb(7,234,233)
```
#12f8f7
```
#12f8f7 rgb(18,248,247)
```
#2bf9f8
```
#2bf9f8 rgb(43,249,248)
```
#44f9f9
```
#44f9f9 rgb(68,249,249)
```
#5cfafa
```
#5cfafa rgb(92,250,250)
```

Monochromatic Color

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

#12f8be
```
#12f8be rgb(18,248,190)
```
#12f8d1
```
#12f8d1 rgb(18,248,209)
```
#12f8e4
```
#12f8e4 rgb(18,248,228)
```
#12f8f7
```
#12f8f7 rgb(18,248,247)
```
#12e6f8
```
#12e6f8 rgb(18,230,248)
```
#12d3f8
```
#12d3f8 rgb(18,211,248)
```
#12c0f8
```
#12c0f8 rgb(18,192,248)
```

Similar Colors

Text with hexadecimal color #12f8f7

This text has a font color of #12f8f7.

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

#12f8f7 background color

This paragraph has a background color of #12f8f7.

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

#12f8f7 border color

This element has a border color of #12f8f7.

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

CSS codes

.text {color:#12f8f7;}

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

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

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, #000b0b is the darkest color, while #f7ffff is the lightest one.

#000b0b
```
#000b0b rgb(0,11,11)
```
#011e1e
```
#011e1e rgb(1,30,30)
```
#013131
```
#013131 rgb(1,49,49)
```
#024444
```
#024444 rgb(2,68,68)
```
#035757
```
#035757 rgb(3,87,87)
```
#036a6a
```
#036a6a rgb(3,106,106)
```
#047d7c
```
#047d7c rgb(4,125,124)
```
#04908f
```
#04908f rgb(4,144,143)
```
#05a3a2
```
#05a3a2 rgb(5,163,162)
```
#05b6b5
```
#05b6b5 rgb(5,182,181)
```
#06c9c8
```
#06c9c8 rgb(6,201,200)
```
#07dcdb
```
#07dcdb rgb(7,220,219)
```
#07efee
```
#07efee rgb(7,239,238)
```

Shade Color Variation

#12f8f7
```
#12f8f7 rgb(18,248,247)
```
#25f9f8
```
#25f9f8 rgb(37,249,248)
```
#38f9f8
```
#38f9f8 rgb(56,249,248)
```
#4bfaf9
```
#4bfaf9 rgb(75,250,249)
```
#5efafa
```
#5efafa rgb(94,250,250)
```
#71fbfa
```
#71fbfa rgb(113,251,250)
```
#84fbfb
```
#84fbfb rgb(132,251,251)
```
#97fcfc
```
#97fcfc rgb(151,252,252)
```
#aafdfc
```
#aafdfc rgb(170,253,252)
```
#bdfdfd
```
#bdfdfd rgb(189,253,253)
```
#d1fefd
```
#d1fefd rgb(209,254,253)
```
#e4fefe
```
#e4fefe rgb(228,254,254)
```
#f7ffff
```
#f7ffff rgb(247,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838787 is the less saturated color, while #12f8f7 is the most saturated one.

#838787
```
#838787 rgb(131,135,135)
```
#799191
```
#799191 rgb(121,145,145)
```
#709a9a
```
#709a9a rgb(112,154,154)
```
#66a4a3
```
#66a4a3 rgb(102,164,163)
```
#5dadad
```
#5dadad rgb(93,173,173)
```
#54b6b6
```
#54b6b6 rgb(84,182,182)
```
#4ac0bf
```
#4ac0bf rgb(74,192,191)
```
#41c9c8
```
#41c9c8 rgb(65,201,200)
```
#38d2d2
```
#38d2d2 rgb(56,210,210)
```
#2edcdb
```
#2edcdb rgb(46,220,219)
```
#25e5e4
```
#25e5e4 rgb(37,229,228)
```
#1befee
```
#1befee rgb(27,239,238)
```
#12f8f7
```
#12f8f7 rgb(18,248,247)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#93c1c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2dfe9 Protanopia 1% of men
#e4dcff Deuteranopia 1% of men
#84f0ff Tritanopia 0.001% of the population

Trichromacy

#96e8ee Protanomaly 1% of men, 0.01% of women
#98e6fc Deuteranomaly 6% of men, 0.4% of women
#5af3fc Tritanomaly 0.01% of the population

#12f8f7 hex color

#12f8f7 Color Information

#12f8f7 Color Conversion

Color Schemes with #12f8f7

Alternatives to #12f8f7

#12f8f7 Preview

Shades and Tints of #12f8f7

Tones of #12f8f7

Color Blindness Simulator