#12ccfd hex color

In a RGB color space, hex #12ccfd is composed of 7.1% red, 80% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 19.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 192.5 degrees, a saturation of 98.3% and a lightness of 53.1%. #12ccfd color hex could be obtained by blending #24ffff with #0099fb. Closest websafe color is: #00ccff.

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

● #12ccfd color description : Vivid cyan.

The hexadecimal color #12ccfd has RGB values of R:18, G:204, B:253 and CMYK values of C:0.93, M:0.19, Y:0, K:0.01. Its decimal value is 1232125.

Hex triplet	12ccfd	`#12ccfd`
RGB Decimal	18, 204, 253	`rgb(18,204,253)`
RGB Percent	7.1, 80, 99.2	`rgb(7.1%,80%,99.2%)`
CMYK	93, 19, 0, 1
HSL	192.5°, 98.3, 53.1	`hsl(192.5,98.3%,53.1%)`
HSV (or HSB)	192.5°, 92.9, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	76.316, -24.574, -35.608
XYZ	39.567, 50.402, 100.566
xyY	0.208, 0.265, 50.402
CIE-LCH	76.316, 43.264, 235.39
CIE-LUV	76.316, -53.182, -54.506
Hunter-Lab	70.995, -24.758, -34.29
Binary	00010010, 11001100, 11111101

#12ccfd
```
#12ccfd rgb(18,204,253)
```
#fd4312
```
#fd4312 rgb(253,67,18)
```

Complementary Color

#12fdb9
```
#12fdb9 rgb(18,253,185)
```
#12ccfd
```
#12ccfd rgb(18,204,253)
```
#1256fd
```
#1256fd rgb(18,86,253)
```

Analogous Color

#fdb912
```
#fdb912 rgb(253,185,18)
```
#12ccfd
```
#12ccfd rgb(18,204,253)
```
#fd1257
```
#fd1257 rgb(253,18,87)
```

Split Complementary Color

#ccfd12
```
#ccfd12 rgb(204,253,18)
```
#12ccfd
```
#12ccfd rgb(18,204,253)
```
#fd12cc
```
#fd12cc rgb(253,18,204)
```

Triadic Color

#12fd43
```
#12fd43 rgb(18,253,67)
```
#12ccfd
```
#12ccfd rgb(18,204,253)
```
#fd12cc
```
#fd12cc rgb(253,18,204)
```
#fd4312
```
#fd4312 rgb(253,67,18)
```

Tetradic Color

#0299c1
```
#0299c1 rgb(2,153,193)
```
#02adda
```
#02adda rgb(2,173,218)
```
#02c1f3
```
#02c1f3 rgb(2,193,243)
```
#12ccfd
```
#12ccfd rgb(18,204,253)
```
#2bd1fd
```
#2bd1fd rgb(43,209,253)
```
#45d7fd
```
#45d7fd rgb(69,215,253)
```
#5edcfe
```
#5edcfe rgb(94,220,254)
```

Monochromatic Color

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

#12fdf3
```
#12fdf3 rgb(18,253,243)
```
#12f3fd
```
#12f3fd rgb(18,243,253)
```
#12e0fd
```
#12e0fd rgb(18,224,253)
```
#12ccfd
```
#12ccfd rgb(18,204,253)
```
#12b8fd
```
#12b8fd rgb(18,184,253)
```
#12a5fd
```
#12a5fd rgb(18,165,253)
```
#1291fd
```
#1291fd rgb(18,145,253)
```

Similar Colors

Text with hexadecimal color #12ccfd

This text has a font color of #12ccfd.

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

#12ccfd background color

This paragraph has a background color of #12ccfd.

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

#12ccfd border color

This element has a border color of #12ccfd.

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

CSS codes

.text {color:#12ccfd;}

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

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

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

#000d10
```
#000d10 rgb(0,13,16)
```
#001c23
```
#001c23 rgb(0,28,35)
```
#002b37
```
#002b37 rgb(0,43,55)
```
#013b4a
```
#013b4a rgb(1,59,74)
```
#014a5e
```
#014a5e rgb(1,74,94)
```
#015a71
```
#015a71 rgb(1,90,113)
```
#016985
```
#016985 rgb(1,105,133)
```
#017998
```
#017998 rgb(1,121,152)
```
#0188ab
```
#0188ab rgb(1,136,171)
```
#0297bf
```
#0297bf rgb(2,151,191)
```
#02a7d2
```
#02a7d2 rgb(2,167,210)
```
#02b6e6
```
#02b6e6 rgb(2,182,230)
```
#02c6f9
```
#02c6f9 rgb(2,198,249)
```

Shade Color Variation

#12ccfd
```
#12ccfd rgb(18,204,253)
```
#25d0fd
```
#25d0fd rgb(37,208,253)
```
#39d4fd
```
#39d4fd rgb(57,212,253)
```
#4cd9fd
```
#4cd9fd rgb(76,217,253)
```
#60ddfe
```
#60ddfe rgb(96,221,254)
```
#73e1fe
```
#73e1fe rgb(115,225,254)
```
#87e5fe
```
#87e5fe rgb(135,229,254)
```
#9ae9fe
```
#9ae9fe rgb(154,233,254)
```
#aeedfe
```
#aeedfe rgb(174,237,254)
```
#c1f2fe
```
#c1f2fe rgb(193,242,254)
```
#d5f6ff
```
#d5f6ff rgb(213,246,255)
```
#e8faff
```
#e8faff rgb(232,250,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#808c8f
```
#808c8f rgb(128,140,143)
```
#779198
```
#779198 rgb(119,145,152)
```
#6e96a1
```
#6e96a1 rgb(110,150,161)
```
#659caa
```
#659caa rgb(101,156,170)
```
#5ca1b3
```
#5ca1b3 rgb(92,161,179)
```
#52a6bd
```
#52a6bd rgb(82,166,189)
```
#49acc6
```
#49acc6 rgb(73,172,198)
```
#40b1cf
```
#40b1cf rgb(64,177,207)
```
#37b7d8
```
#37b7d8 rgb(55,183,216)
```
#2ebce1
```
#2ebce1 rgb(46,188,225)
```
#24c1eb
```
#24c1eb rgb(36,193,235)
```
#1bc7f4
```
#1bc7f4 rgb(27,199,244)
```
#12ccfd
```
#12ccfd rgb(18,204,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#7fa4ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bdf1 Protanopia 1% of men
#a8bdff Deuteranopia 1% of men
#00d2e1 Tritanopia 0.001% of the population

Trichromacy

#77c2f5 Protanomaly 1% of men, 0.01% of women
#72c3fe Deuteranomaly 6% of men, 0.4% of women
#06d0eb Tritanomaly 0.01% of the population

#12ccfd hex color

#12ccfd Color Information

#12ccfd Color Conversion

Color Schemes with #12ccfd

Alternatives to #12ccfd

#12ccfd Preview

Shades and Tints of #12ccfd

Tones of #12ccfd

Color Blindness Simulator