#12abfe hex color

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

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

● #12abfe color description : Vivid blue.

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

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

CIE-LAB	66.83, -6.681, -50.988
XYZ	32.697, 36.407, 99.064
xyY	0.194, 0.216, 36.407
CIE-LCH	66.83, 51.424, 262.535
CIE-LUV	66.83, -42.168, -81.918
Hunter-Lab	60.338, -8.863, -55.107
Binary	00010010, 10101011, 11111110

#12abfe
```
#12abfe rgb(18,171,254)
```
#fe6512
```
#fe6512 rgb(254,101,18)
```

Complementary Color

#12fedb
```
#12fedb rgb(18,254,219)
```
#12abfe
```
#12abfe rgb(18,171,254)
```
#1235fe
```
#1235fe rgb(18,53,254)
```

Analogous Color

#fedb12
```
#fedb12 rgb(254,219,18)
```
#12abfe
```
#12abfe rgb(18,171,254)
```
#fe1235
```
#fe1235 rgb(254,18,53)
```

Split Complementary Color

#abfe12
```
#abfe12 rgb(171,254,18)
```
#12abfe
```
#12abfe rgb(18,171,254)
```
#fe12ab
```
#fe12ab rgb(254,18,171)
```

Triadic Color

#12fe65
```
#12fe65 rgb(18,254,101)
```
#12abfe
```
#12abfe rgb(18,171,254)
```
#fe12ab
```
#fe12ab rgb(254,18,171)
```
#fe6512
```
#fe6512 rgb(254,101,18)
```

Tetradic Color

#017fc3
```
#017fc3 rgb(1,127,195)
```
#018fdc
```
#018fdc rgb(1,143,220)
```
#01a0f5
```
#01a0f5 rgb(1,160,245)
```
#12abfe
```
#12abfe rgb(18,171,254)
```
#2bb4fe
```
#2bb4fe rgb(43,180,254)
```
#45bdfe
```
#45bdfe rgb(69,189,254)
```
#5ec6fe
```
#5ec6fe rgb(94,198,254)
```

Monochromatic Color

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

#12e6fe
```
#12e6fe rgb(18,230,254)
```
#12d2fe
```
#12d2fe rgb(18,210,254)
```
#12bffe
```
#12bffe rgb(18,191,254)
```
#12abfe
```
#12abfe rgb(18,171,254)
```
#1297fe
```
#1297fe rgb(18,151,254)
```
#1284fe
```
#1284fe rgb(18,132,254)
```
#1270fe
```
#1270fe rgb(18,112,254)
```

Similar Colors

Text with hexadecimal color #12abfe

This text has a font color of #12abfe.

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

#12abfe background color

This paragraph has a background color of #12abfe.

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

#12abfe border color

This element has a border color of #12abfe.

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

CSS codes

.text {color:#12abfe;}

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

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

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)
```
#001824
```
#001824 rgb(0,24,36)
```
#002438
```
#002438 rgb(0,36,56)
```
#00314c
```
#00314c rgb(0,49,76)
```
#003e5f
```
#003e5f rgb(0,62,95)
```
#004a73
```
#004a73 rgb(0,74,115)
```
#015786
```
#015786 rgb(1,87,134)
```
#01649a
```
#01649a rgb(1,100,154)
```
#0171ad
```
#0171ad rgb(1,113,173)
```
#017dc1
```
#017dc1 rgb(1,125,193)
```
#018ad4
```
#018ad4 rgb(1,138,212)
```
#0197e8
```
#0197e8 rgb(1,151,232)
```
#01a3fb
```
#01a3fb rgb(1,163,251)
```

Shade Color Variation

#12abfe
```
#12abfe rgb(18,171,254)
```
#26b2fe
```
#26b2fe rgb(38,178,254)
```
#39b9fe
```
#39b9fe rgb(57,185,254)
```
#4dc0fe
```
#4dc0fe rgb(77,192,254)
```
#60c7fe
```
#60c7fe rgb(96,199,254)
```
#74cefe
```
#74cefe rgb(116,206,254)
```
#87d5fe
```
#87d5fe rgb(135,213,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 #12abfe is the most saturated one.

#808a90
```
#808a90 rgb(128,138,144)
```
#778d99
```
#778d99 rgb(119,141,153)
```
#6e90a2
```
#6e90a2 rgb(110,144,162)
```
#6493ac
```
#6493ac rgb(100,147,172)
```
#5b95b5
```
#5b95b5 rgb(91,149,181)
```
#5298be
```
#5298be rgb(82,152,190)
```
#499bc7
```
#499bc7 rgb(73,155,199)
```
#409dd0
```
#409dd0 rgb(64,157,208)
```
#37a0d9
```
#37a0d9 rgb(55,160,217)
```
#2da3e3
```
#2da3e3 rgb(45,163,227)
```
#24a6ec
```
#24a6ec rgb(36,166,236)
```
#1ba8f5
```
#1ba8f5 rgb(27,168,245)
```
#12abfe
```
#12abfe rgb(18,171,254)
```

Tone Color Variation

Below, you can see how #12abfe 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
#708e9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a4f5 Protanopia 1% of men
#70a7ff Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#5da7f8 Protanomaly 1% of men, 0.01% of women
#4da9fe Deuteranomaly 6% of men, 0.4% of women
#06b3d8 Tritanomaly 0.01% of the population

#12abfe hex color

#12abfe Color Information

#12abfe Color Conversion

Color Schemes with #12abfe

Alternatives to #12abfe

#12abfe Preview

Shades and Tints of #12abfe

Tones of #12abfe

Color Blindness Simulator