#12b6fe hex color

In a RGB color space, hex #12b6fe is composed of 7.1% red, 71.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 28.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 198.3 degrees, a saturation of 99.2% and a lightness of 53.3%. #12b6fe color hex could be obtained by blending #24ffff with #006dfd. Closest websafe color is: #00ccff.

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

● #12b6fe color description : Vivid blue.

The hexadecimal color #12b6fe has RGB values of R:18, G:182, B:254 and CMYK values of C:0.93, M:0.28, Y:0, K:0. Its decimal value is 1226494.

Hex triplet	12b6fe	`#12b6fe`
RGB Decimal	18, 182, 254	`rgb(18,182,254)`
RGB Percent	7.1, 71.4, 99.6	`rgb(7.1%,71.4%,99.6%)`
CMYK	93, 28, 0, 0
HSL	198.3°, 99.2, 53.3	`hsl(198.3,99.2%,53.3%)`
HSV (or HSB)	198.3°, 92.9, 99.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.991, -12.74, -46.007
XYZ	34.862, 40.737, 99.786
xyY	0.199, 0.232, 40.737
CIE-LCH	69.991, 47.738, 254.522
CIE-LUV	69.991, -45.783, -73.226
Hunter-Lab	63.825, -14.196, -48.017
Binary	00010010, 10110110, 11111110

#12b6fe
```
#12b6fe rgb(18,182,254)
```
#fe5a12
```
#fe5a12 rgb(254,90,18)
```

Complementary Color

#12fed0
```
#12fed0 rgb(18,254,208)
```
#12b6fe
```
#12b6fe rgb(18,182,254)
```
#1240fe
```
#1240fe rgb(18,64,254)
```

Analogous Color

#fed012
```
#fed012 rgb(254,208,18)
```
#12b6fe
```
#12b6fe rgb(18,182,254)
```
#fe1240
```
#fe1240 rgb(254,18,64)
```

Split Complementary Color

#b6fe12
```
#b6fe12 rgb(182,254,18)
```
#12b6fe
```
#12b6fe rgb(18,182,254)
```
#fe12b6
```
#fe12b6 rgb(254,18,182)
```

Triadic Color

#12fe5a
```
#12fe5a rgb(18,254,90)
```
#12b6fe
```
#12b6fe rgb(18,182,254)
```
#fe12b6
```
#fe12b6 rgb(254,18,182)
```
#fe5a12
```
#fe5a12 rgb(254,90,18)
```

Tetradic Color

#0188c3
```
#0188c3 rgb(1,136,195)
```
#0199dc
```
#0199dc rgb(1,153,220)
```
#01abf5
```
#01abf5 rgb(1,171,245)
```
#12b6fe
```
#12b6fe rgb(18,182,254)
```
#2bbefe
```
#2bbefe rgb(43,190,254)
```
#45c6fe
```
#45c6fe rgb(69,198,254)
```
#5ecdfe
```
#5ecdfe rgb(94,205,254)
```

Monochromatic Color

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

#12f1fe
```
#12f1fe rgb(18,241,254)
```
#12ddfe
```
#12ddfe rgb(18,221,254)
```
#12cafe
```
#12cafe rgb(18,202,254)
```
#12b6fe
```
#12b6fe rgb(18,182,254)
```
#12a2fe
```
#12a2fe rgb(18,162,254)
```
#128ffe
```
#128ffe rgb(18,143,254)
```
#127bfe
```
#127bfe rgb(18,123,254)
```

Similar Colors

Text with hexadecimal color #12b6fe

This text has a font color of #12b6fe.

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

#12b6fe background color

This paragraph has a background color of #12b6fe.

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

#12b6fe border color

This element has a border color of #12b6fe.

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

CSS codes

.text {color:#12b6fe;}

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

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

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

#000c11
```
#000c11 rgb(0,12,17)
```
#001924
```
#001924 rgb(0,25,36)
```
#002738
```
#002738 rgb(0,39,56)
```
#00354c
```
#00354c rgb(0,53,76)
```
#00425f
```
#00425f rgb(0,66,95)
```
#005073
```
#005073 rgb(0,80,115)
```
#015d86
```
#015d86 rgb(1,93,134)
```
#016b9a
```
#016b9a rgb(1,107,154)
```
#0179ad
```
#0179ad rgb(1,121,173)
```
#0186c1
```
#0186c1 rgb(1,134,193)
```
#0194d4
```
#0194d4 rgb(1,148,212)
```
#01a1e8
```
#01a1e8 rgb(1,161,232)
```
#01affb
```
#01affb rgb(1,175,251)
```

Shade Color Variation

#12b6fe
```
#12b6fe rgb(18,182,254)
```
#26bcfe
```
#26bcfe rgb(38,188,254)
```
#39c2fe
```
#39c2fe rgb(57,194,254)
```
#4dc8fe
```
#4dc8fe rgb(77,200,254)
```
#60cefe
```
#60cefe rgb(96,206,254)
```
#74d4fe
```
#74d4fe rgb(116,212,254)
```
#87dafe
```
#87dafe rgb(135,218,254)
```
#9be0ff
```
#9be0ff rgb(155,224,255)
```
#aee6ff
```
#aee6ff rgb(174,230,255)
```
#c2ecff
```
#c2ecff rgb(194,236,255)
```
#d5f2ff
```
#d5f2ff rgb(213,242,255)
```
#e9f8ff
```
#e9f8ff rgb(233,248,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#808b90
```
#808b90 rgb(128,139,144)
```
#778f99
```
#778f99 rgb(119,143,153)
```
#6e92a2
```
#6e92a2 rgb(110,146,162)
```
#6496ac
```
#6496ac rgb(100,150,172)
```
#5b99b5
```
#5b99b5 rgb(91,153,181)
```
#529dbe
```
#529dbe rgb(82,157,190)
```
#49a1c7
```
#49a1c7 rgb(73,161,199)
```
#40a4d0
```
#40a4d0 rgb(64,164,208)
```
#37a8d9
```
#37a8d9 rgb(55,168,217)
```
#2dabe3
```
#2dabe3 rgb(45,171,227)
```
#24afec
```
#24afec rgb(36,175,236)
```
#1bb2f5
```
#1bb2f5 rgb(27,178,245)
```
#12b6fe
```
#12b6fe rgb(18,182,254)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7495a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96adf4 Protanopia 1% of men
#85afff Deuteranopia 1% of men
#00c0cd Tritanopia 0.001% of the population

Trichromacy

#66b0f8 Protanomaly 1% of men, 0.01% of women
#5bb1fe Deuteranomaly 6% of men, 0.4% of women
#06bcdf Tritanomaly 0.01% of the population

#12b6fe hex color

#12b6fe Color Information

#12b6fe Color Conversion

Color Schemes with #12b6fe

Alternatives to #12b6fe

#12b6fe Preview

Shades and Tints of #12b6fe

Tones of #12b6fe

Color Blindness Simulator