#12afed hex color

In a RGB color space, hex #12afed is composed of 7.1% red, 68.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 26.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 197 degrees, a saturation of 85.9% and a lightness of 50%. #12afed color hex could be obtained by blending #24ffff with #005fdb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 7
- G 69
- B 93
RGB color chart
- C 92
- M 26
- Y 0
- K 7
CMYK color chart

● #12afed color description : Vivid blue.

The hexadecimal color #12afed has RGB values of R:18, G:175, B:237 and CMYK values of C:0.92, M:0.26, Y:0, K:0.07. Its decimal value is 1224685.

Hex triplet	12afed	`#12afed`
RGB Decimal	18, 175, 237	`rgb(18,175,237)`
RGB Percent	7.1, 68.6, 92.9	`rgb(7.1%,68.6%,92.9%)`
CMYK	92, 26, 0, 7
HSL	197°, 85.9, 50	`hsl(197,85.9%,50%)`
HSV (or HSB)	197°, 92.4, 92.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.202, -14.968, -41.144
XYZ	30.862, 36.9, 85.612
xyY	0.201, 0.241, 36.9
CIE-LCH	67.202, 43.782, 250.008
CIE-LUV	67.202, -44.633, -64.248
Hunter-Lab	60.745, -15.618, -41.039
Binary	00010010, 10101111, 11101101

#12afed
```
#12afed rgb(18,175,237)
```
#ed5012
```
#ed5012 rgb(237,80,18)
```

Complementary Color

#12edbe
```
#12edbe rgb(18,237,190)
```
#12afed
```
#12afed rgb(18,175,237)
```
#1242ed
```
#1242ed rgb(18,66,237)
```

Analogous Color

#edbe12
```
#edbe12 rgb(237,190,18)
```
#12afed
```
#12afed rgb(18,175,237)
```
#ed1242
```
#ed1242 rgb(237,18,66)
```

Split Complementary Color

#afed12
```
#afed12 rgb(175,237,18)
```
#12afed
```
#12afed rgb(18,175,237)
```
#ed12af
```
#ed12af rgb(237,18,175)
```

Triadic Color

#12ed50
```
#12ed50 rgb(18,237,80)
```
#12afed
```
#12afed rgb(18,175,237)
```
#ed12af
```
#ed12af rgb(237,18,175)
```
#ed5012
```
#ed5012 rgb(237,80,18)
```

Tetradic Color

#0d7ba6
```
#0d7ba6 rgb(13,123,166)
```
#0e8cbe
```
#0e8cbe rgb(14,140,190)
```
#109ed5
```
#109ed5 rgb(16,158,213)
```
#12afed
```
#12afed rgb(18,175,237)
```
#2ab7ef
```
#2ab7ef rgb(42,183,239)
```
#41bff1
```
#41bff1 rgb(65,191,241)
```
#59c7f2
```
#59c7f2 rgb(89,199,242)
```

Monochromatic Color

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

#12e6ed
```
#12e6ed rgb(18,230,237)
```
#12d4ed
```
#12d4ed rgb(18,212,237)
```
#12c1ed
```
#12c1ed rgb(18,193,237)
```
#12afed
```
#12afed rgb(18,175,237)
```
#129ded
```
#129ded rgb(18,157,237)
```
#128bed
```
#128bed rgb(18,139,237)
```
#1278ed
```
#1278ed rgb(18,120,237)
```

Similar Colors

Text with hexadecimal color #12afed

This text has a font color of #12afed.

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

#12afed background color

This paragraph has a background color of #12afed.

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

#12afed border color

This element has a border color of #12afed.

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

CSS codes

.text {color:#12afed;}

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

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

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, #010d12 is the darkest color, while #ffffff is the lightest one.

#010d12
```
#010d12 rgb(1,13,18)
```
#031b24
```
#031b24 rgb(3,27,36)
```
#042837
```
#042837 rgb(4,40,55)
```
#063649
```
#063649 rgb(6,54,73)
```
#07435b
```
#07435b rgb(7,67,91)
```
#08516d
```
#08516d rgb(8,81,109)
```
#0a5e80
```
#0a5e80 rgb(10,94,128)
```
#0b6c92
```
#0b6c92 rgb(11,108,146)
```
#0c79a4
```
#0c79a4 rgb(12,121,164)
```
#0e87b6
```
#0e87b6 rgb(14,135,182)
```
#0f94c9
```
#0f94c9 rgb(15,148,201)
```
#11a2db
```
#11a2db rgb(17,162,219)
```
#12afed
```
#12afed rgb(18,175,237)
```

Shade Color Variation

#24b5ee
```
#24b5ee rgb(36,181,238)
```
#36bbf0
```
#36bbf0 rgb(54,187,240)
```
#49c1f1
```
#49c1f1 rgb(73,193,241)
```
#5bc8f3
```
#5bc8f3 rgb(91,200,243)
```
#6dcef4
```
#6dcef4 rgb(109,206,244)
```
#7fd4f5
```
#7fd4f5 rgb(127,212,245)
```
#92daf7
```
#92daf7 rgb(146,218,247)
```
#a4e0f8
```
#a4e0f8 rgb(164,224,248)
```
#b6e6f9
```
#b6e6f9 rgb(182,230,249)
```
#c8edfb
```
#c8edfb rgb(200,237,251)
```
#dbf3fc
```
#dbf3fc rgb(219,243,252)
```
#edf9fe
```
#edf9fe rgb(237,249,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8081 is the less saturated color, while #08b3f7 is the most saturated one.

#7e8081
```
#7e8081 rgb(126,128,129)
```
#74848b
```
#74848b rgb(116,132,139)
```
#6a8995
```
#6a8995 rgb(106,137,149)
```
#608d9f
```
#608d9f rgb(96,141,159)
```
#5791a8
```
#5791a8 rgb(87,145,168)
```
#4d95b2
```
#4d95b2 rgb(77,149,178)
```
#439abc
```
#439abc rgb(67,154,188)
```
#399ec6
```
#399ec6 rgb(57,158,198)
```
#2fa2d0
```
#2fa2d0 rgb(47,162,208)
```
#26a6d9
```
#26a6d9 rgb(38,166,217)
```
#1cabe3
```
#1cabe3 rgb(28,171,227)
```
#12afed
```
#12afed rgb(18,175,237)
```
#08b3f7
```
#08b3f7 rgb(8,179,247)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#708f9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a6e4 Protanopia 1% of men
#83a7f2 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#64a9e7 Protanomaly 1% of men, 0.01% of women
#5aaaf0 Deuteranomaly 6% of men, 0.4% of women
#06b5d3 Tritanomaly 0.01% of the population

#12afed hex color

#12afed Color Information

#12afed Color Conversion

Color Schemes with #12afed

Alternatives to #12afed

#12afed Preview

Shades and Tints of #12afed

Tones of #12afed

Color Blindness Simulator