#12defd hex color

In a RGB color space, hex #12defd is composed of 7.1% red, 87.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 12.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 187.9 degrees, a saturation of 98.3% and a lightness of 53.1%. #12defd color hex could be obtained by blending #24ffff with #00bdfb. 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

● #12defd color description : Vivid cyan.

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

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

CIE-LAB	81.543, -33.375, -27.564
XYZ	44.095, 59.459, 102.076
xyY	0.214, 0.289, 59.459
CIE-LCH	81.543, 43.286, 219.553
CIE-LUV	81.543, -59.203, -39.802
Hunter-Lab	77.109, -32.865, -24.51
Binary	00010010, 11011110, 11111101

#12defd
```
#12defd rgb(18,222,253)
```
#fd3112
```
#fd3112 rgb(253,49,18)
```

Complementary Color

#12fda7
```
#12fda7 rgb(18,253,167)
```
#12defd
```
#12defd rgb(18,222,253)
```
#1269fd
```
#1269fd rgb(18,105,253)
```

Analogous Color

#fda712
```
#fda712 rgb(253,167,18)
```
#12defd
```
#12defd rgb(18,222,253)
```
#fd1269
```
#fd1269 rgb(253,18,105)
```

Split Complementary Color

#defd12
```
#defd12 rgb(222,253,18)
```
#12defd
```
#12defd rgb(18,222,253)
```
#fd12de
```
#fd12de rgb(253,18,222)
```

Triadic Color

#12fd31
```
#12fd31 rgb(18,253,49)
```
#12defd
```
#12defd rgb(18,222,253)
```
#fd12de
```
#fd12de rgb(253,18,222)
```
#fd3112
```
#fd3112 rgb(253,49,18)
```

Tetradic Color

#02a8c1
```
#02a8c1 rgb(2,168,193)
```
#02beda
```
#02beda rgb(2,190,218)
```
#02d4f3
```
#02d4f3 rgb(2,212,243)
```
#12defd
```
#12defd rgb(18,222,253)
```
#2be2fd
```
#2be2fd rgb(43,226,253)
```
#45e5fd
```
#45e5fd rgb(69,229,253)
```
#5ee9fe
```
#5ee9fe rgb(94,233,254)
```

Monochromatic Color

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

#12fde1
```
#12fde1 rgb(18,253,225)
```
#12fdf5
```
#12fdf5 rgb(18,253,245)
```
#12f2fd
```
#12f2fd rgb(18,242,253)
```
#12defd
```
#12defd rgb(18,222,253)
```
#12cafd
```
#12cafd rgb(18,202,253)
```
#12b7fd
```
#12b7fd rgb(18,183,253)
```
#12a3fd
```
#12a3fd rgb(18,163,253)
```

Similar Colors

Text with hexadecimal color #12defd

This text has a font color of #12defd.

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

#12defd background color

This paragraph has a background color of #12defd.

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

#12defd border color

This element has a border color of #12defd.

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

CSS codes

.text {color:#12defd;}

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

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

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)
```
#01515e
```
#01515e rgb(1,81,94)
```
#016271
```
#016271 rgb(1,98,113)
```
#017385
```
#017385 rgb(1,115,133)
```
#018498
```
#018498 rgb(1,132,152)
```
#0195ab
```
#0195ab rgb(1,149,171)
```
#02a6bf
```
#02a6bf rgb(2,166,191)
```
#02b7d2
```
#02b7d2 rgb(2,183,210)
```
#02c8e6
```
#02c8e6 rgb(2,200,230)
```
#02d9f9
```
#02d9f9 rgb(2,217,249)
```

Shade Color Variation

#12defd
```
#12defd rgb(18,222,253)
```
#25e1fd
```
#25e1fd rgb(37,225,253)
```
#39e3fd
```
#39e3fd rgb(57,227,253)
```
#4ce6fd
```
#4ce6fd rgb(76,230,253)
```
#60e9fe
```
#60e9fe rgb(96,233,254)
```
#73ecfe
```
#73ecfe rgb(115,236,254)
```
#87eefe
```
#87eefe rgb(135,238,254)
```
#9af1fe
```
#9af1fe rgb(154,241,254)
```
#aef4fe
```
#aef4fe rgb(174,244,254)
```
#c1f6fe
```
#c1f6fe rgb(193,246,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 #12defd is the most saturated one.

#808d8f
```
#808d8f rgb(128,141,143)
```
#779498
```
#779498 rgb(119,148,152)
```
#6e9aa1
```
#6e9aa1 rgb(110,154,161)
```
#65a1aa
```
#65a1aa rgb(101,161,170)
```
#5ca8b3
```
#5ca8b3 rgb(92,168,179)
```
#52afbd
```
#52afbd rgb(82,175,189)
```
#49b5c6
```
#49b5c6 rgb(73,181,198)
```
#40bccf
```
#40bccf rgb(64,188,207)
```
#37c3d8
```
#37c3d8 rgb(55,195,216)
```
#2ecae1
```
#2ecae1 rgb(46,202,225)
```
#24d0eb
```
#24d0eb rgb(36,208,235)
```
#1bd7f4
```
#1bd7f4 rgb(27,215,244)
```
#12defd
```
#12defd rgb(18,222,253)
```

Tone Color Variation

Below, you can see how #12defd 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
#88b0b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cbf0 Protanopia 1% of men
#c2caff Deuteranopia 1% of men
#00e1f1 Tritanopia 0.001% of the population

Trichromacy

#84d2f5 Protanomaly 1% of men, 0.01% of women
#82d1fe Deuteranomaly 6% of men, 0.4% of women
#06e0f5 Tritanomaly 0.01% of the population

#12defd hex color

#12defd Color Information

#12defd Color Conversion

Color Schemes with #12defd

Alternatives to #12defd

#12defd Preview

Shades and Tints of #12defd

Tones of #12defd

Color Blindness Simulator