#12a9fe hex color

In a RGB color space, hex #12a9fe is composed of 7.1% red, 66.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 33.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 201.6 degrees, a saturation of 99.2% and a lightness of 53.3%. #12a9fe color hex could be obtained by blending #24ffff with #0053fd. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 7
- G 66
- B 100
RGB color chart
- C 93
- M 33
- Y 0
- K 0
CMYK color chart

● #12a9fe color description : Vivid blue.

The hexadecimal color #12a9fe has RGB values of R:18, G:169, B:254 and CMYK values of C:0.93, M:0.33, Y:0, K:0. Its decimal value is 1223166.

Hex triplet	12a9fe	`#12a9fe`
RGB Decimal	18, 169, 254	`rgb(18,169,254)`
RGB Percent	7.1, 66.3, 99.6	`rgb(7.1%,66.3%,99.6%)`
CMYK	93, 33, 0, 0
HSL	201.6°, 99.2, 53.3	`hsl(201.6,99.2%,53.3%)`
HSV (or HSB)	201.6°, 92.9, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.257, -5.557, -51.894
XYZ	32.322, 35.657, 98.939
xyY	0.194, 0.214, 35.657
CIE-LCH	66.257, 52.19, 263.888
CIE-LUV	66.257, -41.516, -83.47
Hunter-Lab	59.714, -7.879, -56.438
Binary	00010010, 10101001, 11111110

#12a9fe
```
#12a9fe rgb(18,169,254)
```
#fe6712
```
#fe6712 rgb(254,103,18)
```

Complementary Color

#12fedd
```
#12fedd rgb(18,254,221)
```
#12a9fe
```
#12a9fe rgb(18,169,254)
```
#1233fe
```
#1233fe rgb(18,51,254)
```

Analogous Color

#fedd12
```
#fedd12 rgb(254,221,18)
```
#12a9fe
```
#12a9fe rgb(18,169,254)
```
#fe1233
```
#fe1233 rgb(254,18,51)
```

Split Complementary Color

#a9fe12
```
#a9fe12 rgb(169,254,18)
```
#12a9fe
```
#12a9fe rgb(18,169,254)
```
#fe12a9
```
#fe12a9 rgb(254,18,169)
```

Triadic Color

#12fe67
```
#12fe67 rgb(18,254,103)
```
#12a9fe
```
#12a9fe rgb(18,169,254)
```
#fe12a9
```
#fe12a9 rgb(254,18,169)
```
#fe6712
```
#fe6712 rgb(254,103,18)
```

Tetradic Color

#017dc3
```
#017dc3 rgb(1,125,195)
```
#018ddc
```
#018ddc rgb(1,141,220)
```
#019df5
```
#019df5 rgb(1,157,245)
```
#12a9fe
```
#12a9fe rgb(18,169,254)
```
#2bb2fe
```
#2bb2fe rgb(43,178,254)
```
#45bbfe
```
#45bbfe rgb(69,187,254)
```
#5ec5fe
```
#5ec5fe rgb(94,197,254)
```

Monochromatic Color

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

#12e4fe
```
#12e4fe rgb(18,228,254)
```
#12d0fe
```
#12d0fe rgb(18,208,254)
```
#12bdfe
```
#12bdfe rgb(18,189,254)
```
#12a9fe
```
#12a9fe rgb(18,169,254)
```
#1295fe
```
#1295fe rgb(18,149,254)
```
#1282fe
```
#1282fe rgb(18,130,254)
```
#126efe
```
#126efe rgb(18,110,254)
```

Similar Colors

Text with hexadecimal color #12a9fe

This text has a font color of #12a9fe.

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

#12a9fe background color

This paragraph has a background color of #12a9fe.

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

#12a9fe border color

This element has a border color of #12a9fe.

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

CSS codes

.text {color:#12a9fe;}

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

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

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, #000b11 is the darkest color, while #fcfeff is the lightest one.

#000b11
```
#000b11 rgb(0,11,17)
```
#001724
```
#001724 rgb(0,23,36)
```
#002438
```
#002438 rgb(0,36,56)
```
#00304c
```
#00304c rgb(0,48,76)
```
#003d5f
```
#003d5f rgb(0,61,95)
```
#004973
```
#004973 rgb(0,73,115)
```
#015686
```
#015686 rgb(1,86,134)
```
#01639a
```
#01639a rgb(1,99,154)
```
#016fad
```
#016fad rgb(1,111,173)
```
#017cc1
```
#017cc1 rgb(1,124,193)
```
#0188d4
```
#0188d4 rgb(1,136,212)
```
#0195e8
```
#0195e8 rgb(1,149,232)
```
#01a1fb
```
#01a1fb rgb(1,161,251)
```

Shade Color Variation

#12a9fe
```
#12a9fe rgb(18,169,254)
```
#26b0fe
```
#26b0fe rgb(38,176,254)
```
#39b7fe
```
#39b7fe rgb(57,183,254)
```
#4dbefe
```
#4dbefe rgb(77,190,254)
```
#60c5fe
```
#60c5fe rgb(96,197,254)
```
#74ccfe
```
#74ccfe rgb(116,204,254)
```
#87d4fe
```
#87d4fe rgb(135,212,254)
```
#9bdbff
```
#9bdbff rgb(155,219,255)
```
#aee2ff
```
#aee2ff rgb(174,226,255)
```
#c2e9ff
```
#c2e9ff rgb(194,233,255)
```
#d5f0ff
```
#d5f0ff rgb(213,240,255)
```
#e9f7ff
```
#e9f7ff rgb(233,247,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#808a90
```
#808a90 rgb(128,138,144)
```
#778d99
```
#778d99 rgb(119,141,153)
```
#6e8fa2
```
#6e8fa2 rgb(110,143,162)
```
#6492ac
```
#6492ac rgb(100,146,172)
```
#5b95b5
```
#5b95b5 rgb(91,149,181)
```
#5297be
```
#5297be rgb(82,151,190)
```
#499ac7
```
#499ac7 rgb(73,154,199)
```
#409cd0
```
#409cd0 rgb(64,156,208)
```
#379fd9
```
#379fd9 rgb(55,159,217)
```
#2da1e3
```
#2da1e3 rgb(45,161,227)
```
#24a4ec
```
#24a4ec rgb(36,164,236)
```
#1ba6f5
```
#1ba6f5 rgb(27,166,245)
```
#12a9fe
```
#12a9fe rgb(18,169,254)
```

Tone Color Variation

Below, you can see how #12a9fe 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
#6f8d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a3f6 Protanopia 1% of men
#6ba6ff Deuteranopia 1% of men
#00b6c1 Tritanopia 0.001% of the population

Trichromacy

#5ba5f8 Protanomaly 1% of men, 0.01% of women
#4ba7fe Deuteranomaly 6% of men, 0.4% of women
#06b1d7 Tritanomaly 0.01% of the population

#12a9fe hex color

#12a9fe Color Information

#12a9fe Color Conversion

Color Schemes with #12a9fe

Alternatives to #12a9fe

#12a9fe Preview

Shades and Tints of #12a9fe

Tones of #12a9fe

Color Blindness Simulator