#12a7fe hex color

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

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

● #12a7fe color description : Vivid blue.

The hexadecimal color #12a7fe has RGB values of R:18, G:167, B:254 and CMYK values of C:0.93, M:0.34, Y:0, K:0. Its decimal value is 1222654.

Hex triplet	12a7fe	`#12a7fe`
RGB Decimal	18, 167, 254	`rgb(18,167,254)`
RGB Percent	7.1, 65.5, 99.6	`rgb(7.1%,65.5%,99.6%)`
CMYK	93, 34, 0, 0
HSL	202.1°, 99.2, 53.3	`hsl(202.1,99.2%,53.3%)`
HSV (or HSB)	202.1°, 92.9, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	65.685, -4.426, -52.799
XYZ	31.953, 34.919, 98.816
xyY	0.193, 0.211, 34.919
CIE-LCH	65.685, 52.984, 265.208
CIE-LUV	65.685, -40.866, -85.012
Hunter-Lab	59.092, -6.89, -57.783
Binary	00010010, 10100111, 11111110

#12a7fe
```
#12a7fe rgb(18,167,254)
```
#fe6912
```
#fe6912 rgb(254,105,18)
```

Complementary Color

#12fedf
```
#12fedf rgb(18,254,223)
```
#12a7fe
```
#12a7fe rgb(18,167,254)
```
#1231fe
```
#1231fe rgb(18,49,254)
```

Analogous Color

#fedf12
```
#fedf12 rgb(254,223,18)
```
#12a7fe
```
#12a7fe rgb(18,167,254)
```
#fe1231
```
#fe1231 rgb(254,18,49)
```

Split Complementary Color

#a7fe12
```
#a7fe12 rgb(167,254,18)
```
#12a7fe
```
#12a7fe rgb(18,167,254)
```
#fe12a7
```
#fe12a7 rgb(254,18,167)
```

Triadic Color

#12fe69
```
#12fe69 rgb(18,254,105)
```
#12a7fe
```
#12a7fe rgb(18,167,254)
```
#fe12a7
```
#fe12a7 rgb(254,18,167)
```
#fe6912
```
#fe6912 rgb(254,105,18)
```

Tetradic Color

#017bc3
```
#017bc3 rgb(1,123,195)
```
#018bdc
```
#018bdc rgb(1,139,220)
```
#019bf5
```
#019bf5 rgb(1,155,245)
```
#12a7fe
```
#12a7fe rgb(18,167,254)
```
#2bb0fe
```
#2bb0fe rgb(43,176,254)
```
#45bafe
```
#45bafe rgb(69,186,254)
```
#5ec3fe
```
#5ec3fe rgb(94,195,254)
```

Monochromatic Color

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

#12e2fe
```
#12e2fe rgb(18,226,254)
```
#12cefe
```
#12cefe rgb(18,206,254)
```
#12bbfe
```
#12bbfe rgb(18,187,254)
```
#12a7fe
```
#12a7fe rgb(18,167,254)
```
#1293fe
```
#1293fe rgb(18,147,254)
```
#1280fe
```
#1280fe rgb(18,128,254)
```
#126cfe
```
#126cfe rgb(18,108,254)
```

Similar Colors

Text with hexadecimal color #12a7fe

This text has a font color of #12a7fe.

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

#12a7fe background color

This paragraph has a background color of #12a7fe.

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

#12a7fe border color

This element has a border color of #12a7fe.

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

CSS codes

.text {color:#12a7fe;}

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

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

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)
```
#002338
```
#002338 rgb(0,35,56)
```
#00304c
```
#00304c rgb(0,48,76)
```
#003c5f
```
#003c5f rgb(0,60,95)
```
#004973
```
#004973 rgb(0,73,115)
```
#015586
```
#015586 rgb(1,85,134)
```
#01619a
```
#01619a rgb(1,97,154)
```
#016ead
```
#016ead rgb(1,110,173)
```
#017ac1
```
#017ac1 rgb(1,122,193)
```
#0186d4
```
#0186d4 rgb(1,134,212)
```
#0193e8
```
#0193e8 rgb(1,147,232)
```
#019ffb
```
#019ffb rgb(1,159,251)
```

Shade Color Variation

#12a7fe
```
#12a7fe rgb(18,167,254)
```
#26aefe
```
#26aefe rgb(38,174,254)
```
#39b6fe
```
#39b6fe rgb(57,182,254)
```
#4dbdfe
```
#4dbdfe rgb(77,189,254)
```
#60c4fe
```
#60c4fe rgb(96,196,254)
```
#74cbfe
```
#74cbfe rgb(116,203,254)
```
#87d3fe
```
#87d3fe rgb(135,211,254)
```
#9bdaff
```
#9bdaff rgb(155,218,255)
```
#aee1ff
```
#aee1ff rgb(174,225,255)
```
#c2e8ff
```
#c2e8ff rgb(194,232,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 #12a7fe is the most saturated one.

#808a90
```
#808a90 rgb(128,138,144)
```
#778d99
```
#778d99 rgb(119,141,153)
```
#6e8fa2
```
#6e8fa2 rgb(110,143,162)
```
#6491ac
```
#6491ac rgb(100,145,172)
```
#5b94b5
```
#5b94b5 rgb(91,148,181)
```
#5296be
```
#5296be rgb(82,150,190)
```
#4999c7
```
#4999c7 rgb(73,153,199)
```
#409bd0
```
#409bd0 rgb(64,155,208)
```
#379dd9
```
#379dd9 rgb(55,157,217)
```
#2da0e3
```
#2da0e3 rgb(45,160,227)
```
#24a2ec
```
#24a2ec rgb(36,162,236)
```
#1ba5f5
```
#1ba5f5 rgb(27,165,245)
```
#12a7fe
```
#12a7fe rgb(18,167,254)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6d8b9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a1f6 Protanopia 1% of men
#67a5ff Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#59a3f9 Protanomaly 1% of men, 0.01% of women
#48a5fe Deuteranomaly 6% of men, 0.4% of women
#06afd6 Tritanomaly 0.01% of the population

#12a7fe hex color

#12a7fe Color Information

#12a7fe Color Conversion

Color Schemes with #12a7fe

Alternatives to #12a7fe

#12a7fe Preview

Shades and Tints of #12a7fe

Tones of #12a7fe

Color Blindness Simulator