#12dcfc hex color

In a RGB color space, hex #12dcfc is composed of 7.1% red, 86.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 12.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 188.2 degrees, a saturation of 97.5% and a lightness of 52.9%. #12dcfc color hex could be obtained by blending #24ffff with #00b9f9. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 7
- G 86
- B 99
RGB color chart
- C 93
- M 13
- Y 0
- K 1
CMYK color chart

● #12dcfc color description : Vivid cyan.

The hexadecimal color #12dcfc has RGB values of R:18, G:220, B:252 and CMYK values of C:0.93, M:0.13, Y:0, K:0.01. Its decimal value is 1236220.

Hex triplet	12dcfc	`#12dcfc`
RGB Decimal	18, 220, 252	`rgb(18,220,252)`
RGB Percent	7.1, 86.3, 98.8	`rgb(7.1%,86.3%,98.8%)`
CMYK	93, 13, 0, 1
HSL	188.2°, 97.5, 52.9	`hsl(188.2,97.5%,52.9%)`
HSV (or HSB)	188.2°, 92.9, 98.8
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.927, -32.74, -27.977
XYZ	43.408, 58.339, 101.063
xyY	0.214, 0.288, 58.339
CIE-LCH	80.927, 43.065, 220.515
CIE-LUV	80.927, -58.613, -40.566
Hunter-Lab	76.38, -32.219, -24.984
Binary	00010010, 11011100, 11111100

#12dcfc
```
#12dcfc rgb(18,220,252)
```
#fc3212
```
#fc3212 rgb(252,50,18)
```

Complementary Color

#12fca7
```
#12fca7 rgb(18,252,167)
```
#12dcfc
```
#12dcfc rgb(18,220,252)
```
#1267fc
```
#1267fc rgb(18,103,252)
```

Analogous Color

#fca712
```
#fca712 rgb(252,167,18)
```
#12dcfc
```
#12dcfc rgb(18,220,252)
```
#fc1267
```
#fc1267 rgb(252,18,103)
```

Split Complementary Color

#dcfc12
```
#dcfc12 rgb(220,252,18)
```
#12dcfc
```
#12dcfc rgb(18,220,252)
```
#fc12dc
```
#fc12dc rgb(252,18,220)
```

Triadic Color

#12fc32
```
#12fc32 rgb(18,252,50)
```
#12dcfc
```
#12dcfc rgb(18,220,252)
```
#fc12dc
```
#fc12dc rgb(252,18,220)
```
#fc3212
```
#fc3212 rgb(252,50,18)
```

Tetradic Color

#02a5bf
```
#02a5bf rgb(2,165,191)
```
#03bbd8
```
#03bbd8 rgb(3,187,216)
```
#03d1f1
```
#03d1f1 rgb(3,209,241)
```
#12dcfc
```
#12dcfc rgb(18,220,252)
```
#2be0fc
```
#2be0fc rgb(43,224,252)
```
#44e3fd
```
#44e3fd rgb(68,227,253)
```
#5ee7fd
```
#5ee7fd rgb(94,231,253)
```

Monochromatic Color

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

#12fce2
```
#12fce2 rgb(18,252,226)
```
#12fcf5
```
#12fcf5 rgb(18,252,245)
```
#12f0fc
```
#12f0fc rgb(18,240,252)
```
#12dcfc
```
#12dcfc rgb(18,220,252)
```
#12c9fc
```
#12c9fc rgb(18,201,252)
```
#12b5fc
```
#12b5fc rgb(18,181,252)
```
#12a2fc
```
#12a2fc rgb(18,162,252)
```

Similar Colors

Text with hexadecimal color #12dcfc

This text has a font color of #12dcfc.

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

#12dcfc background color

This paragraph has a background color of #12dcfc.

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

#12dcfc border color

This element has a border color of #12dcfc.

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

CSS codes

.text {color:#12dcfc;}

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

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

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

#000d0f
```
#000d0f rgb(0,13,15)
```
#001e22
```
#001e22 rgb(0,30,34)
```
#012e36
```
#012e36 rgb(1,46,54)
```
#013f49
```
#013f49 rgb(1,63,73)
```
#01505c
```
#01505c rgb(1,80,92)
```
#016170
```
#016170 rgb(1,97,112)
```
#027183
```
#027183 rgb(2,113,131)
```
#028296
```
#028296 rgb(2,130,150)
```
#0293aa
```
#0293aa rgb(2,147,170)
```
#02a4bd
```
#02a4bd rgb(2,164,189)
```
#03b4d1
```
#03b4d1 rgb(3,180,209)
```
#03c5e4
```
#03c5e4 rgb(3,197,228)
```
#03d6f7
```
#03d6f7 rgb(3,214,247)
```

Shade Color Variation

#12dcfc
```
#12dcfc rgb(18,220,252)
```
#25dffc
```
#25dffc rgb(37,223,252)
```
#39e2fc
```
#39e2fc rgb(57,226,252)
```
#4ce5fd
```
#4ce5fd rgb(76,229,253)
```
#5fe7fd
```
#5fe7fd rgb(95,231,253)
```
#73eafd
```
#73eafd rgb(115,234,253)
```
#86edfd
```
#86edfd rgb(134,237,253)
```
#9af0fe
```
#9af0fe rgb(154,240,254)
```
#adf3fe
```
#adf3fe rgb(173,243,254)
```
#c0f6fe
```
#c0f6fe rgb(192,246,254)
```
#d4f9fe
```
#d4f9fe rgb(212,249,254)
```
#e7fbff
```
#e7fbff rgb(231,251,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#818c8d
```
#818c8d rgb(129,140,141)
```
#789296
```
#789296 rgb(120,146,150)
```
#6e99a0
```
#6e99a0 rgb(110,153,160)
```
#65a0a9
```
#65a0a9 rgb(101,160,169)
```
#5ca6b2
```
#5ca6b2 rgb(92,166,178)
```
#53adbb
```
#53adbb rgb(83,173,187)
```
#49b4c5
```
#49b4c5 rgb(73,180,197)
```
#40bace
```
#40bace rgb(64,186,206)
```
#37c1d7
```
#37c1d7 rgb(55,193,215)
```
#2ec8e0
```
#2ec8e0 rgb(46,200,224)
```
#24cfea
```
#24cfea rgb(36,207,234)
```
#1bd5f3
```
#1bd5f3 rgb(27,213,243)
```
#12dcfc
```
#12dcfc rgb(18,220,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#86aeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3caef Protanopia 1% of men
#bfc9ff Deuteranopia 1% of men
#00dfef Tritanopia 0.001% of the population

Trichromacy

#82d0f4 Protanomaly 1% of men, 0.01% of women
#80cffd Deuteranomaly 6% of men, 0.4% of women
#06def4 Tritanomaly 0.01% of the population

#12dcfc hex color

#12dcfc Color Information

#12dcfc Color Conversion

Color Schemes with #12dcfc

Alternatives to #12dcfc

#12dcfc Preview

Shades and Tints of #12dcfc

Tones of #12dcfc

Color Blindness Simulator