#12d9f9 hex color

In a RGB color space, hex #12d9f9 is composed of 7.1% red, 85.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 92.8% cyan, 12.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 188.3 degrees, a saturation of 95.1% and a lightness of 52.4%. #12d9f9 color hex could be obtained by blending #24ffff with #00b3f3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 7
- G 85
- B 98
RGB color chart
- C 93
- M 13
- Y 0
- K 2
CMYK color chart

● #12d9f9 color description : Vivid cyan.

The hexadecimal color #12d9f9 has RGB values of R:18, G:217, B:249 and CMYK values of C:0.93, M:0.13, Y:0, K:0.02. Its decimal value is 1235449.

Hex triplet	12d9f9	`#12d9f9`
RGB Decimal	18, 217, 249	`rgb(18,217,249)`
RGB Percent	7.1, 85.1, 97.6	`rgb(7.1%,85.1%,97.6%)`
CMYK	93, 13, 0, 2
HSL	188.3°, 95.1, 52.4	`hsl(188.3,95.1%,52.4%)`
HSV (or HSB)	188.3°, 92.8, 97.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	79.948, -32.26, -27.882
XYZ	42.156, 56.59, 98.318
xyY	0.214, 0.287, 56.59
CIE-LCH	79.948, 42.639, 220.837
CIE-LUV	79.948, -57.843, -40.417
Hunter-Lab	75.226, -31.615, -24.832
Binary	00010010, 11011001, 11111001

#12d9f9
```
#12d9f9 rgb(18,217,249)
```
#f93212
```
#f93212 rgb(249,50,18)
```

Complementary Color

#12f9a6
```
#12f9a6 rgb(18,249,166)
```
#12d9f9
```
#12d9f9 rgb(18,217,249)
```
#1266f9
```
#1266f9 rgb(18,102,249)
```

Analogous Color

#f9a612
```
#f9a612 rgb(249,166,18)
```
#12d9f9
```
#12d9f9 rgb(18,217,249)
```
#f91266
```
#f91266 rgb(249,18,102)
```

Split Complementary Color

#d9f912
```
#d9f912 rgb(217,249,18)
```
#12d9f9
```
#12d9f9 rgb(18,217,249)
```
#f912d9
```
#f912d9 rgb(249,18,217)
```

Triadic Color

#12f932
```
#12f932 rgb(18,249,50)
```
#12d9f9
```
#12d9f9 rgb(18,217,249)
```
#f912d9
```
#f912d9 rgb(249,18,217)
```
#f93212
```
#f93212 rgb(249,50,18)
```

Tetradic Color

#05a1ba
```
#05a1ba rgb(5,161,186)
```
#05b6d3
```
#05b6d3 rgb(5,182,211)
```
#06ccec
```
#06ccec rgb(6,204,236)
```
#12d9f9
```
#12d9f9 rgb(18,217,249)
```
#2bddfa
```
#2bddfa rgb(43,221,250)
```
#44e1fa
```
#44e1fa rgb(68,225,250)
```
#5de5fb
```
#5de5fb rgb(93,229,251)
```

Monochromatic Color

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

#12f9df
```
#12f9df rgb(18,249,223)
```
#12f9f3
```
#12f9f3 rgb(18,249,243)
```
#12ecf9
```
#12ecf9 rgb(18,236,249)
```
#12d9f9
```
#12d9f9 rgb(18,217,249)
```
#12c6f9
```
#12c6f9 rgb(18,198,249)
```
#12b3f9
```
#12b3f9 rgb(18,179,249)
```
#129ff9
```
#129ff9 rgb(18,159,249)
```

Similar Colors

Text with hexadecimal color #12d9f9

This text has a font color of #12d9f9.

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

#12d9f9 background color

This paragraph has a background color of #12d9f9.

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

#12d9f9 border color

This element has a border color of #12d9f9.

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

CSS codes

.text {color:#12d9f9;}

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

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

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

#000a0c
```
#000a0c rgb(0,10,12)
```
#011b1f
```
#011b1f rgb(1,27,31)
```
#012b32
```
#012b32 rgb(1,43,50)
```
#023c45
```
#023c45 rgb(2,60,69)
```
#024c58
```
#024c58 rgb(2,76,88)
```
#035d6b
```
#035d6b rgb(3,93,107)
```
#036d7e
```
#036d7e rgb(3,109,126)
```
#047e92
```
#047e92 rgb(4,126,146)
```
#048fa5
```
#048fa5 rgb(4,143,165)
```
#059fb8
```
#059fb8 rgb(5,159,184)
```
#05b0cb
```
#05b0cb rgb(5,176,203)
```
#06c0de
```
#06c0de rgb(6,192,222)
```
#06d1f1
```
#06d1f1 rgb(6,209,241)
```

Shade Color Variation

#12d9f9
```
#12d9f9 rgb(18,217,249)
```
#25dcf9
```
#25dcf9 rgb(37,220,249)
```
#38dffa
```
#38dffa rgb(56,223,250)
```
#4be2fa
```
#4be2fa rgb(75,226,250)
```
#5fe5fb
```
#5fe5fb rgb(95,229,251)
```
#72e8fb
```
#72e8fb rgb(114,232,251)
```
#85ebfc
```
#85ebfc rgb(133,235,252)
```
#98eefc
```
#98eefc rgb(152,238,252)
```
#abf2fd
```
#abf2fd rgb(171,242,253)
```
#bef5fd
```
#bef5fd rgb(190,245,253)
```
#d1f8fe
```
#d1f8fe rgb(209,248,254)
```
#e4fbfe
```
#e4fbfe rgb(228,251,254)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#828889
```
#828889 rgb(130,136,137)
```
#798f92
```
#798f92 rgb(121,143,146)
```
#6f959c
```
#6f959c rgb(111,149,156)
```
#669ca5
```
#669ca5 rgb(102,156,165)
```
#5da3ae
```
#5da3ae rgb(93,163,174)
```
#53aab8
```
#53aab8 rgb(83,170,184)
```
#4ab0c1
```
#4ab0c1 rgb(74,176,193)
```
#41b7ca
```
#41b7ca rgb(65,183,202)
```
#37bed4
```
#37bed4 rgb(55,190,212)
```
#2ec5dd
```
#2ec5dd rgb(46,197,221)
```
#25cbe6
```
#25cbe6 rgb(37,203,230)
```
#1bd2f0
```
#1bd2f0 rgb(27,210,240)
```
#12d9f9
```
#12d9f9 rgb(18,217,249)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#84acb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c7ed Protanopia 1% of men
#bcc6ff Deuteranopia 1% of men
#00dcec Tritanopia 0.001% of the population

Trichromacy

#81cdf1 Protanomaly 1% of men, 0.01% of women
#7ecdfc Deuteranomaly 6% of men, 0.4% of women
#06dbf1 Tritanomaly 0.01% of the population

#12d9f9 hex color

#12d9f9 Color Information

#12d9f9 Color Conversion

Color Schemes with #12d9f9

Alternatives to #12d9f9

#12d9f9 Preview

Shades and Tints of #12d9f9

Tones of #12d9f9

Color Blindness Simulator