#12abf7 hex color

In a RGB color space, hex #12abf7 is composed of 7.1% red, 67.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 30.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 199.9 degrees, a saturation of 93.5% and a lightness of 52%. #12abf7 color hex could be obtained by blending #24ffff with #0057ef. Closest websafe color is: #0099ff.

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

● #12abf7 color description : Vivid blue.

The hexadecimal color #12abf7 has RGB values of R:18, G:171, B:247 and CMYK values of C:0.93, M:0.31, Y:0, K:0.03. Its decimal value is 1223671.

Hex triplet	12abf7	`#12abf7`
RGB Decimal	18, 171, 247	`rgb(18,171,247)`
RGB Percent	7.1, 67.1, 96.9	`rgb(7.1%,67.1%,96.9%)`
CMYK	93, 31, 0, 3
HSL	199.9°, 93.5, 52	`hsl(199.9,93.5%,52%)`
HSV (or HSB)	199.9°, 92.7, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.495, -9.212, -47.71
XYZ	31.597, 35.967, 93.268
xyY	0.196, 0.224, 35.967
CIE-LCH	66.495, 48.591, 259.072
CIE-LUV	66.495, -42.622, -75.996
Hunter-Lab	59.972, -10.908, -50.226
Binary	00010010, 10101011, 11110111

#12abf7
```
#12abf7 rgb(18,171,247)
```
#f75e12
```
#f75e12 rgb(247,94,18)
```

Complementary Color

#12f7d1
```
#12f7d1 rgb(18,247,209)
```
#12abf7
```
#12abf7 rgb(18,171,247)
```
#1239f7
```
#1239f7 rgb(18,57,247)
```

Analogous Color

#f7d112
```
#f7d112 rgb(247,209,18)
```
#12abf7
```
#12abf7 rgb(18,171,247)
```
#f71239
```
#f71239 rgb(247,18,57)
```

Split Complementary Color

#abf712
```
#abf712 rgb(171,247,18)
```
#12abf7
```
#12abf7 rgb(18,171,247)
```
#f712ab
```
#f712ab rgb(247,18,171)
```

Triadic Color

#12f75e
```
#12f75e rgb(18,247,94)
```
#12abf7
```
#12abf7 rgb(18,171,247)
```
#f712ab
```
#f712ab rgb(247,18,171)
```
#f75e12
```
#f75e12 rgb(247,94,18)
```

Tetradic Color

#067cb6
```
#067cb6 rgb(6,124,182)
```
#078dcf
```
#078dcf rgb(7,141,207)
```
#089de8
```
#089de8 rgb(8,157,232)
```
#12abf7
```
#12abf7 rgb(18,171,247)
```
#2bb4f8
```
#2bb4f8 rgb(43,180,248)
```
#43bcf9
```
#43bcf9 rgb(67,188,249)
```
#5cc5f9
```
#5cc5f9 rgb(92,197,249)
```

Monochromatic Color

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

#12e4f7
```
#12e4f7 rgb(18,228,247)
```
#12d1f7
```
#12d1f7 rgb(18,209,247)
```
#12bef7
```
#12bef7 rgb(18,190,247)
```
#12abf7
```
#12abf7 rgb(18,171,247)
```
#1298f7
```
#1298f7 rgb(18,152,247)
```
#1285f7
```
#1285f7 rgb(18,133,247)
```
#1272f7
```
#1272f7 rgb(18,114,247)
```

Similar Colors

Text with hexadecimal color #12abf7

This text has a font color of #12abf7.

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

#12abf7 background color

This paragraph has a background color of #12abf7.

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

#12abf7 border color

This element has a border color of #12abf7.

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

CSS codes

.text {color:#12abf7;}

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

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

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

#00070a
```
#00070a rgb(0,7,10)
```
#01131d
```
#01131d rgb(1,19,29)
```
#022030
```
#022030 rgb(2,32,48)
```
#022d43
```
#022d43 rgb(2,45,67)
```
#033a56
```
#033a56 rgb(3,58,86)
```
#044769
```
#044769 rgb(4,71,105)
```
#04547c
```
#04547c rgb(4,84,124)
```
#05618e
```
#05618e rgb(5,97,142)
```
#056ea1
```
#056ea1 rgb(5,110,161)
```
#067bb4
```
#067bb4 rgb(6,123,180)
```
#0787c7
```
#0787c7 rgb(7,135,199)
```
#0794da
```
#0794da rgb(7,148,218)
```
#08a1ed
```
#08a1ed rgb(8,161,237)
```

Shade Color Variation

#12abf7
```
#12abf7 rgb(18,171,247)
```
#25b2f8
```
#25b2f8 rgb(37,178,248)
```
#38b8f8
```
#38b8f8 rgb(56,184,248)
```
#4bbff9
```
#4bbff9 rgb(75,191,249)
```
#5ec6fa
```
#5ec6fa rgb(94,198,250)
```
#71cdfa
```
#71cdfa rgb(113,205,250)
```
#84d3fb
```
#84d3fb rgb(132,211,251)
```
#97dafb
```
#97dafb rgb(151,218,251)
```
#aae1fc
```
#aae1fc rgb(170,225,252)
```
#bde8fd
```
#bde8fd rgb(189,232,253)
```
#d0eefd
```
#d0eefd rgb(208,238,253)
```
#e3f5fe
```
#e3f5fe rgb(227,245,254)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#838586
```
#838586 rgb(131,133,134)
```
#7a888f
```
#7a888f rgb(122,136,143)
```
#708b99
```
#708b99 rgb(112,139,153)
```
#678ea2
```
#678ea2 rgb(103,142,162)
```
#5d92ac
```
#5d92ac rgb(93,146,172)
```
#5495b5
```
#5495b5 rgb(84,149,181)
```
#4b98be
```
#4b98be rgb(75,152,190)
```
#419bc8
```
#419bc8 rgb(65,155,200)
```
#389ed1
```
#389ed1 rgb(56,158,209)
```
#2ea1db
```
#2ea1db rgb(46,161,219)
```
#25a5e4
```
#25a5e4 rgb(37,165,228)
```
#1ba8ee
```
#1ba8ee rgb(27,168,238)
```
#12abf7
```
#12abf7 rgb(18,171,247)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6f8d9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba4ee Protanopia 1% of men
#74a6fb Deuteranopia 1% of men
#00b6c2 Tritanopia 0.001% of the population

Trichromacy

#5fa6f1 Protanomaly 1% of men, 0.01% of women
#50a8f9 Deuteranomaly 6% of men, 0.4% of women
#06b2d5 Tritanomaly 0.01% of the population

#12abf7 hex color

#12abf7 Color Information

#12abf7 Color Conversion

Color Schemes with #12abf7

Alternatives to #12abf7

#12abf7 Preview

Shades and Tints of #12abf7

Tones of #12abf7

Color Blindness Simulator