#12dffd hex color

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

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

● #12dffd color description : Vivid cyan.

The hexadecimal color #12dffd has RGB values of R:18, G:223, B:253 and CMYK values of C:0.93, M:0.12, Y:0, K:0.01. Its decimal value is 1236989.

Hex triplet	12dffd	`#12dffd`
RGB Decimal	18, 223, 253	`rgb(18,223,253)`
RGB Percent	7.1, 87.5, 99.2	`rgb(7.1%,87.5%,99.2%)`
CMYK	93, 12, 0, 1
HSL	187.7°, 98.3, 53.1	`hsl(187.7,98.3%,53.1%)`
HSV (or HSB)	187.7°, 92.9, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.833, -33.85, -27.12
XYZ	44.362, 59.991, 102.164
xyY	0.215, 0.29, 59.991
CIE-LCH	81.833, 43.374, 218.702
CIE-LUV	81.833, -59.537, -38.989
Hunter-Lab	77.454, -33.309, -23.988
Binary	00010010, 11011111, 11111101

#12dffd
```
#12dffd rgb(18,223,253)
```
#fd3012
```
#fd3012 rgb(253,48,18)
```

Complementary Color

#12fda6
```
#12fda6 rgb(18,253,166)
```
#12dffd
```
#12dffd rgb(18,223,253)
```
#126afd
```
#126afd rgb(18,106,253)
```

Analogous Color

#fda612
```
#fda612 rgb(253,166,18)
```
#12dffd
```
#12dffd rgb(18,223,253)
```
#fd126a
```
#fd126a rgb(253,18,106)
```

Split Complementary Color

#dffd12
```
#dffd12 rgb(223,253,18)
```
#12dffd
```
#12dffd rgb(18,223,253)
```
#fd12df
```
#fd12df rgb(253,18,223)
```

Triadic Color

#12fd30
```
#12fd30 rgb(18,253,48)
```
#12dffd
```
#12dffd rgb(18,223,253)
```
#fd12df
```
#fd12df rgb(253,18,223)
```
#fd3012
```
#fd3012 rgb(253,48,18)
```

Tetradic Color

#02a8c1
```
#02a8c1 rgb(2,168,193)
```
#02bfda
```
#02bfda rgb(2,191,218)
```
#02d5f3
```
#02d5f3 rgb(2,213,243)
```
#12dffd
```
#12dffd rgb(18,223,253)
```
#2be2fd
```
#2be2fd rgb(43,226,253)
```
#45e6fd
```
#45e6fd rgb(69,230,253)
```
#5ee9fe
```
#5ee9fe rgb(94,233,254)
```

Monochromatic Color

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

#12fde0
```
#12fde0 rgb(18,253,224)
```
#12fdf4
```
#12fdf4 rgb(18,253,244)
```
#12f3fd
```
#12f3fd rgb(18,243,253)
```
#12dffd
```
#12dffd rgb(18,223,253)
```
#12cbfd
```
#12cbfd rgb(18,203,253)
```
#12b8fd
```
#12b8fd rgb(18,184,253)
```
#12a4fd
```
#12a4fd rgb(18,164,253)
```

Similar Colors

Text with hexadecimal color #12dffd

This text has a font color of #12dffd.

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

#12dffd background color

This paragraph has a background color of #12dffd.

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

#12dffd border color

This element has a border color of #12dffd.

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

CSS codes

.text {color:#12dffd;}

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

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

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

#000e10
```
#000e10 rgb(0,14,16)
```
#001f23
```
#001f23 rgb(0,31,35)
```
#003037
```
#003037 rgb(0,48,55)
```
#01414a
```
#01414a rgb(1,65,74)
```
#01525e
```
#01525e rgb(1,82,94)
```
#016371
```
#016371 rgb(1,99,113)
```
#017485
```
#017485 rgb(1,116,133)
```
#018598
```
#018598 rgb(1,133,152)
```
#0196ab
```
#0196ab rgb(1,150,171)
```
#02a7bf
```
#02a7bf rgb(2,167,191)
```
#02b8d2
```
#02b8d2 rgb(2,184,210)
```
#02c9e6
```
#02c9e6 rgb(2,201,230)
```
#02daf9
```
#02daf9 rgb(2,218,249)
```

Shade Color Variation

#12dffd
```
#12dffd rgb(18,223,253)
```
#25e2fd
```
#25e2fd rgb(37,226,253)
```
#39e4fd
```
#39e4fd rgb(57,228,253)
```
#4ce7fd
```
#4ce7fd rgb(76,231,253)
```
#60eafe
```
#60eafe rgb(96,234,254)
```
#73ecfe
```
#73ecfe rgb(115,236,254)
```
#87effe
```
#87effe rgb(135,239,254)
```
#9af1fe
```
#9af1fe rgb(154,241,254)
```
#aef4fe
```
#aef4fe rgb(174,244,254)
```
#c1f7fe
```
#c1f7fe rgb(193,247,254)
```
#d5f9ff
```
#d5f9ff rgb(213,249,255)
```
#e8fcff
```
#e8fcff rgb(232,252,255)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#808d8f
```
#808d8f rgb(128,141,143)
```
#779498
```
#779498 rgb(119,148,152)
```
#6e9ba1
```
#6e9ba1 rgb(110,155,161)
```
#65a1aa
```
#65a1aa rgb(101,161,170)
```
#5ca8b3
```
#5ca8b3 rgb(92,168,179)
```
#52afbd
```
#52afbd rgb(82,175,189)
```
#49b6c6
```
#49b6c6 rgb(73,182,198)
```
#40bdcf
```
#40bdcf rgb(64,189,207)
```
#37c4d8
```
#37c4d8 rgb(55,196,216)
```
#2ecae1
```
#2ecae1 rgb(46,202,225)
```
#24d1eb
```
#24d1eb rgb(36,209,235)
```
#1bd8f4
```
#1bd8f4 rgb(27,216,244)
```
#12dffd
```
#12dffd rgb(18,223,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#88b1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6ccf0 Protanopia 1% of men
#c3cbff Deuteranopia 1% of men
#00e2f2 Tritanopia 0.001% of the population

Trichromacy

#84d3f5 Protanomaly 1% of men, 0.01% of women
#82d2fe Deuteranomaly 6% of men, 0.4% of women
#06e0f6 Tritanomaly 0.01% of the population

#12dffd hex color

#12dffd Color Information

#12dffd Color Conversion

Color Schemes with #12dffd

Alternatives to #12dffd

#12dffd Preview

Shades and Tints of #12dffd

Tones of #12dffd

Color Blindness Simulator