#12bcfe hex color

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

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

● #12bcfe color description : Vivid blue.

The hexadecimal color #12bcfe has RGB values of R:18, G:188, B:254 and CMYK values of C:0.93, M:0.26, Y:0, K:0. Its decimal value is 1228030.

Hex triplet	12bcfe	`#12bcfe`
RGB Decimal	18, 188, 254	`rgb(18,188,254)`
RGB Percent	7.1, 73.7, 99.6	`rgb(7.1%,73.7%,99.6%)`
CMYK	93, 26, 0, 0
HSL	196.8°, 99.2, 53.3	`hsl(196.8,99.2%,53.3%)`
HSV (or HSB)	196.8°, 92.9, 99.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.722, -15.958, -43.293
XYZ	36.117, 43.247, 100.204
xyY	0.201, 0.241, 43.247
CIE-LCH	71.722, 46.14, 249.766
CIE-LUV	71.722, -47.772, -68.4
Hunter-Lab	65.763, -17.051, -44.308
Binary	00010010, 10111100, 11111110

#12bcfe
```
#12bcfe rgb(18,188,254)
```
#fe5412
```
#fe5412 rgb(254,84,18)
```

Complementary Color

#12feca
```
#12feca rgb(18,254,202)
```
#12bcfe
```
#12bcfe rgb(18,188,254)
```
#1246fe
```
#1246fe rgb(18,70,254)
```

Analogous Color

#feca12
```
#feca12 rgb(254,202,18)
```
#12bcfe
```
#12bcfe rgb(18,188,254)
```
#fe1246
```
#fe1246 rgb(254,18,70)
```

Split Complementary Color

#bcfe12
```
#bcfe12 rgb(188,254,18)
```
#12bcfe
```
#12bcfe rgb(18,188,254)
```
#fe12bc
```
#fe12bc rgb(254,18,188)
```

Triadic Color

#12fe54
```
#12fe54 rgb(18,254,84)
```
#12bcfe
```
#12bcfe rgb(18,188,254)
```
#fe12bc
```
#fe12bc rgb(254,18,188)
```
#fe5412
```
#fe5412 rgb(254,84,18)
```

Tetradic Color

#018cc3
```
#018cc3 rgb(1,140,195)
```
#019fdc
```
#019fdc rgb(1,159,220)
```
#01b1f5
```
#01b1f5 rgb(1,177,245)
```
#12bcfe
```
#12bcfe rgb(18,188,254)
```
#2bc3fe
```
#2bc3fe rgb(43,195,254)
```
#45cafe
```
#45cafe rgb(69,202,254)
```
#5ed2fe
```
#5ed2fe rgb(94,210,254)
```

Monochromatic Color

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

#12f7fe
```
#12f7fe rgb(18,247,254)
```
#12e3fe
```
#12e3fe rgb(18,227,254)
```
#12d0fe
```
#12d0fe rgb(18,208,254)
```
#12bcfe
```
#12bcfe rgb(18,188,254)
```
#12a8fe
```
#12a8fe rgb(18,168,254)
```
#1295fe
```
#1295fe rgb(18,149,254)
```
#1281fe
```
#1281fe rgb(18,129,254)
```

Similar Colors

Text with hexadecimal color #12bcfe

This text has a font color of #12bcfe.

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

#12bcfe background color

This paragraph has a background color of #12bcfe.

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

#12bcfe border color

This element has a border color of #12bcfe.

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

CSS codes

.text {color:#12bcfe;}

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

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

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)
```
#001a24
```
#001a24 rgb(0,26,36)
```
#002838
```
#002838 rgb(0,40,56)
```
#00364c
```
#00364c rgb(0,54,76)
```
#00455f
```
#00455f rgb(0,69,95)
```
#005373
```
#005373 rgb(0,83,115)
```
#016186
```
#016186 rgb(1,97,134)
```
#016f9a
```
#016f9a rgb(1,111,154)
```
#017dad
```
#017dad rgb(1,125,173)
```
#018bc1
```
#018bc1 rgb(1,139,193)
```
#0199d4
```
#0199d4 rgb(1,153,212)
```
#01a7e8
```
#01a7e8 rgb(1,167,232)
```
#01b5fb
```
#01b5fb rgb(1,181,251)
```

Shade Color Variation

#12bcfe
```
#12bcfe rgb(18,188,254)
```
#26c2fe
```
#26c2fe rgb(38,194,254)
```
#39c7fe
```
#39c7fe rgb(57,199,254)
```
#4dcdfe
```
#4dcdfe rgb(77,205,254)
```
#60d2fe
```
#60d2fe rgb(96,210,254)
```
#74d8fe
```
#74d8fe rgb(116,216,254)
```
#87ddfe
```
#87ddfe rgb(135,221,254)
```
#9be3ff
```
#9be3ff rgb(155,227,255)
```
#aee8ff
```
#aee8ff rgb(174,232,255)
```
#c2eeff
```
#c2eeff rgb(194,238,255)
```
#d5f3ff
```
#d5f3ff rgb(213,243,255)
```
#e9f9ff
```
#e9f9ff rgb(233,249,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#808c90
```
#808c90 rgb(128,140,144)
```
#779099
```
#779099 rgb(119,144,153)
```
#6e94a2
```
#6e94a2 rgb(110,148,162)
```
#6498ac
```
#6498ac rgb(100,152,172)
```
#5b9cb5
```
#5b9cb5 rgb(91,156,181)
```
#52a0be
```
#52a0be rgb(82,160,190)
```
#49a4c7
```
#49a4c7 rgb(73,164,199)
```
#40a8d0
```
#40a8d0 rgb(64,168,208)
```
#37acd9
```
#37acd9 rgb(55,172,217)
```
#2db0e3
```
#2db0e3 rgb(45,176,227)
```
#24b4ec
```
#24b4ec rgb(36,180,236)
```
#1bb8f5
```
#1bb8f5 rgb(27,184,245)
```
#12bcfe
```
#12bcfe rgb(18,188,254)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#789aa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb1f4 Protanopia 1% of men
#8fb3ff Deuteranopia 1% of men
#00c5d2 Tritanopia 0.001% of the population

Trichromacy

#6bb5f7 Protanomaly 1% of men, 0.01% of women
#62b6fe Deuteranomaly 6% of men, 0.4% of women
#06c1e2 Tritanomaly 0.01% of the population

#12bcfe hex color

#12bcfe Color Information

#12bcfe Color Conversion

Color Schemes with #12bcfe

Alternatives to #12bcfe

#12bcfe Preview

Shades and Tints of #12bcfe

Tones of #12bcfe

Color Blindness Simulator