#12daf7 hex color

In a RGB color space, hex #12daf7 is composed of 7.1% red, 85.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 11.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 187.6 degrees, a saturation of 93.5% and a lightness of 52%. #12daf7 color hex could be obtained by blending #24ffff with #00b5ef. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 7
- G 85
- B 97
RGB color chart
- C 93
- M 12
- Y 0
- K 3
CMYK color chart

● #12daf7 color description : Vivid cyan.

The hexadecimal color #12daf7 has RGB values of R:18, G:218, B:247 and CMYK values of C:0.93, M:0.12, Y:0, K:0.03. Its decimal value is 1235703.

Hex triplet	12daf7	`#12daf7`
RGB Decimal	18, 218, 247	`rgb(18,218,247)`
RGB Percent	7.1, 85.5, 96.9	`rgb(7.1%,85.5%,96.9%)`
CMYK	93, 12, 0, 3
HSL	187.6°, 93.5, 52	`hsl(187.6,93.5%,52%)`
HSV (or HSB)	187.6°, 92.7, 96.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.17, -33.371, -26.48
XYZ	42.105, 56.983, 96.77
xyY	0.215, 0.291, 56.983
CIE-LCH	80.17, 42.601, 218.432
CIE-LUV	80.17, -58.335, -37.876
Hunter-Lab	75.487, -32.539, -23.166
Binary	00010010, 11011010, 11110111

#12daf7
```
#12daf7 rgb(18,218,247)
```
#f72f12
```
#f72f12 rgb(247,47,18)
```

Complementary Color

#12f7a2
```
#12f7a2 rgb(18,247,162)
```
#12daf7
```
#12daf7 rgb(18,218,247)
```
#1268f7
```
#1268f7 rgb(18,104,247)
```

Analogous Color

#f7a212
```
#f7a212 rgb(247,162,18)
```
#12daf7
```
#12daf7 rgb(18,218,247)
```
#f71268
```
#f71268 rgb(247,18,104)
```

Split Complementary Color

#daf712
```
#daf712 rgb(218,247,18)
```
#12daf7
```
#12daf7 rgb(18,218,247)
```
#f712da
```
#f712da rgb(247,18,218)
```

Triadic Color

#12f72f
```
#12f72f rgb(18,247,47)
```
#12daf7
```
#12daf7 rgb(18,218,247)
```
#f712da
```
#f712da rgb(247,18,218)
```
#f72f12
```
#f72f12 rgb(247,47,18)
```

Tetradic Color

#06a0b6
```
#06a0b6 rgb(6,160,182)
```
#07b6cf
```
#07b6cf rgb(7,182,207)
```
#08cbe8
```
#08cbe8 rgb(8,203,232)
```
#12daf7
```
#12daf7 rgb(18,218,247)
```
#2bdef8
```
#2bdef8 rgb(43,222,248)
```
#43e2f9
```
#43e2f9 rgb(67,226,249)
```
#5ce6f9
```
#5ce6f9 rgb(92,230,249)
```

Monochromatic Color

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

#12f7db
```
#12f7db rgb(18,247,219)
```
#12f7ee
```
#12f7ee rgb(18,247,238)
```
#12edf7
```
#12edf7 rgb(18,237,247)
```
#12daf7
```
#12daf7 rgb(18,218,247)
```
#12c7f7
```
#12c7f7 rgb(18,199,247)
```
#12b4f7
```
#12b4f7 rgb(18,180,247)
```
#12a1f7
```
#12a1f7 rgb(18,161,247)
```

Similar Colors

Text with hexadecimal color #12daf7

This text has a font color of #12daf7.

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

#12daf7 background color

This paragraph has a background color of #12daf7.

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

#12daf7 border color

This element has a border color of #12daf7.

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

CSS codes

.text {color:#12daf7;}

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

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

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, #00080a is the darkest color, while #f6feff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#01191d
```
#01191d rgb(1,25,29)
```
#022a30
```
#022a30 rgb(2,42,48)
```
#023a43
```
#023a43 rgb(2,58,67)
```
#034b56
```
#034b56 rgb(3,75,86)
```
#045c69
```
#045c69 rgb(4,92,105)
```
#046c7c
```
#046c7c rgb(4,108,124)
```
#057d8e
```
#057d8e rgb(5,125,142)
```
#058ea1
```
#058ea1 rgb(5,142,161)
```
#069eb4
```
#069eb4 rgb(6,158,180)
```
#07afc7
```
#07afc7 rgb(7,175,199)
```
#07c0da
```
#07c0da rgb(7,192,218)
```
#08d0ed
```
#08d0ed rgb(8,208,237)
```

Shade Color Variation

#12daf7
```
#12daf7 rgb(18,218,247)
```
#25ddf8
```
#25ddf8 rgb(37,221,248)
```
#38e0f8
```
#38e0f8 rgb(56,224,248)
```
#4be3f9
```
#4be3f9 rgb(75,227,249)
```
#5ee6fa
```
#5ee6fa rgb(94,230,250)
```
#71e9fa
```
#71e9fa rgb(113,233,250)
```
#84ecfb
```
#84ecfb rgb(132,236,251)
```
#97effb
```
#97effb rgb(151,239,251)
```
#aaf2fc
```
#aaf2fc rgb(170,242,252)
```
#bdf5fd
```
#bdf5fd rgb(189,245,253)
```
#d0f8fd
```
#d0f8fd rgb(208,248,253)
```
#e3fbfe
```
#e3fbfe rgb(227,251,254)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

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

#838686
```
#838686 rgb(131,134,134)
```
#7a8d8f
```
#7a8d8f rgb(122,141,143)
```
#709499
```
#709499 rgb(112,148,153)
```
#679ba2
```
#679ba2 rgb(103,155,162)
```
#5da2ac
```
#5da2ac rgb(93,162,172)
```
#54a9b5
```
#54a9b5 rgb(84,169,181)
```
#4bb0be
```
#4bb0be rgb(75,176,190)
```
#41b7c8
```
#41b7c8 rgb(65,183,200)
```
#38bed1
```
#38bed1 rgb(56,190,209)
```
#2ec5db
```
#2ec5db rgb(46,197,219)
```
#25cce4
```
#25cce4 rgb(37,204,228)
```
#1bd3ee
```
#1bd3ee rgb(27,211,238)
```
#12daf7
```
#12daf7 rgb(18,218,247)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#85adb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c8eb Protanopia 1% of men
#bdc6ff Deuteranopia 1% of men
#00dded Tritanopia 0.001% of the population

Trichromacy

#82ceef Protanomaly 1% of men, 0.01% of women
#7fcdfc Deuteranomaly 6% of men, 0.4% of women
#06dcf0 Tritanomaly 0.01% of the population

#12daf7 hex color

#12daf7 Color Information

#12daf7 Color Conversion

Color Schemes with #12daf7

Alternatives to #12daf7

#12daf7 Preview

Shades and Tints of #12daf7

Tones of #12daf7

Color Blindness Simulator