#12a1eb hex color

In a RGB color space, hex #12a1eb is composed of 7.1% red, 63.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 92.3% cyan, 31.5% magenta, 0% yellow and 7.8% black. It has a hue angle of 200.5 degrees, a saturation of 85.8% and a lightness of 49.6%. #12a1eb color hex could be obtained by blending #24ffff with #0043d7. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 7
- G 63
- B 92
RGB color chart
- C 92
- M 31
- Y 0
- K 8
CMYK color chart

● #12a1eb color description : Vivid blue.

The hexadecimal color #12a1eb has RGB values of R:18, G:161, B:235 and CMYK values of C:0.92, M:0.31, Y:0, K:0.08. Its decimal value is 1221099.

Hex triplet	12a1eb	`#12a1eb`
RGB Decimal	18, 161, 235	`rgb(18,161,235)`
RGB Percent	7.1, 63.1, 92.2	`rgb(7.1%,63.1%,92.2%)`
CMYK	92, 31, 0, 8
HSL	200.5°, 85.8, 49.6	`hsl(200.5,85.8%,49.6%)`
HSV (or HSB)	200.5°, 92.3, 92.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.022, -7.977, -46.614
XYZ	27.986, 31.614, 83.22
xyY	0.196, 0.221, 31.614
CIE-LCH	63.022, 47.292, 260.289
CIE-LUV	63.022, -40.104, -73.659
Hunter-Lab	56.226, -9.549, -48.396
Binary	00010010, 10100001, 11101011

#12a1eb
```
#12a1eb rgb(18,161,235)
```
#eb5c12
```
#eb5c12 rgb(235,92,18)
```

Complementary Color

#12ebc9
```
#12ebc9 rgb(18,235,201)
```
#12a1eb
```
#12a1eb rgb(18,161,235)
```
#1235eb
```
#1235eb rgb(18,53,235)
```

Analogous Color

#ebc912
```
#ebc912 rgb(235,201,18)
```
#12a1eb
```
#12a1eb rgb(18,161,235)
```
#eb1235
```
#eb1235 rgb(235,18,53)
```

Split Complementary Color

#a1eb12
```
#a1eb12 rgb(161,235,18)
```
#12a1eb
```
#12a1eb rgb(18,161,235)
```
#eb12a1
```
#eb12a1 rgb(235,18,161)
```

Triadic Color

#12eb5c
```
#12eb5c rgb(18,235,92)
```
#12a1eb
```
#12a1eb rgb(18,161,235)
```
#eb12a1
```
#eb12a1 rgb(235,18,161)
```
#eb5c12
```
#eb5c12 rgb(235,92,18)
```

Tetradic Color

#0d70a4
```
#0d70a4 rgb(13,112,164)
```
#0e81bc
```
#0e81bc rgb(14,129,188)
```
#1091d3
```
#1091d3 rgb(16,145,211)
```
#12a1eb
```
#12a1eb rgb(18,161,235)
```
#28abef
```
#28abef rgb(40,171,239)
```
#40b4f0
```
#40b4f0 rgb(64,180,240)
```
#57bdf2
```
#57bdf2 rgb(87,189,242)
```

Monochromatic Color

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

#12d7eb
```
#12d7eb rgb(18,215,235)
```
#12c5eb
```
#12c5eb rgb(18,197,235)
```
#12b3eb
```
#12b3eb rgb(18,179,235)
```
#12a1eb
```
#12a1eb rgb(18,161,235)
```
#128feb
```
#128feb rgb(18,143,235)
```
#127deb
```
#127deb rgb(18,125,235)
```
#126beb
```
#126beb rgb(18,107,235)
```

Similar Colors

Text with hexadecimal color #12a1eb

This text has a font color of #12a1eb.

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

#12a1eb background color

This paragraph has a background color of #12a1eb.

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

#12a1eb border color

This element has a border color of #12a1eb.

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

CSS codes

.text {color:#12a1eb;}

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

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

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

#010b10
```
#010b10 rgb(1,11,16)
```
#031823
```
#031823 rgb(3,24,35)
```
#042435
```
#042435 rgb(4,36,53)
```
#053147
```
#053147 rgb(5,49,71)
```
#073d59
```
#073d59 rgb(7,61,89)
```
#084a6b
```
#084a6b rgb(8,74,107)
```
#0a567e
```
#0a567e rgb(10,86,126)
```
#0b6390
```
#0b6390 rgb(11,99,144)
```
#0c6fa2
```
#0c6fa2 rgb(12,111,162)
```
#0e7cb4
```
#0e7cb4 rgb(14,124,180)
```
#0f88c7
```
#0f88c7 rgb(15,136,199)
```
#1195d9
```
#1195d9 rgb(17,149,217)
```
#12a1eb
```
#12a1eb rgb(18,161,235)
```

Shade Color Variation

#23a9ee
```
#23a9ee rgb(35,169,238)
```
#35b0f0
```
#35b0f0 rgb(53,176,240)
```
#47b7f1
```
#47b7f1 rgb(71,183,241)
```
#59bef2
```
#59bef2 rgb(89,190,242)
```
#6bc5f4
```
#6bc5f4 rgb(107,197,244)
```
#7eccf5
```
#7eccf5 rgb(126,204,245)
```
#90d3f6
```
#90d3f6 rgb(144,211,246)
```
#a2dbf8
```
#a2dbf8 rgb(162,219,248)
```
#b4e2f9
```
#b4e2f9 rgb(180,226,249)
```
#c6e9fb
```
#c6e9fb rgb(198,233,251)
```
#d9f0fc
```
#d9f0fc rgb(217,240,252)
```
#ebf7fd
```
#ebf7fd rgb(235,247,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#7d7f80
```
#7d7f80 rgb(125,127,128)
```
#73828a
```
#73828a rgb(115,130,138)
```
#6a8593
```
#6a8593 rgb(106,133,147)
```
#60889d
```
#60889d rgb(96,136,157)
```
#568ba7
```
#568ba7 rgb(86,139,167)
```
#4c8eb1
```
#4c8eb1 rgb(76,142,177)
```
#4392ba
```
#4392ba rgb(67,146,186)
```
#3995c4
```
#3995c4 rgb(57,149,196)
```
#2f98ce
```
#2f98ce rgb(47,152,206)
```
#259bd8
```
#259bd8 rgb(37,155,216)
```
#1c9ee1
```
#1c9ee1 rgb(28,158,225)
```
#12a1eb
```
#12a1eb rgb(18,161,235)
```
#08a4f5
```
#08a4f5 rgb(8,164,245)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#698695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#829be4 Protanopia 1% of men
#6c9eef Deuteranopia 1% of men
#00adb8 Tritanopia 0.001% of the population

Trichromacy

#599de6 Protanomaly 1% of men, 0.01% of women
#4b9fed Deuteranomaly 6% of men, 0.4% of women
#06a8ca Tritanomaly 0.01% of the population

#12a1eb hex color

#12a1eb Color Information

#12a1eb Color Conversion

Color Schemes with #12a1eb

Alternatives to #12a1eb

#12a1eb Preview

Shades and Tints of #12a1eb

Tones of #12a1eb

Color Blindness Simulator