#12bdfe hex color

In a RGB color space, hex #12bdfe is composed of 7.1% red, 74.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 25.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 196.5 degrees, a saturation of 99.2% and a lightness of 53.3%. #12bdfe color hex could be obtained by blending #24ffff with #007bfd. 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

● #12bdfe color description : Vivid blue.

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

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

CIE-LAB	72.011, -16.488, -42.841
XYZ	36.332, 43.676, 100.276
xyY	0.202, 0.242, 43.676
CIE-LCH	72.011, 45.904, 248.95
CIE-LUV	72.011, -48.104, -67.592
Hunter-Lab	66.088, -17.523, -43.7
Binary	00010010, 10111101, 11111110

#12bdfe
```
#12bdfe rgb(18,189,254)
```
#fe5312
```
#fe5312 rgb(254,83,18)
```

Complementary Color

#12fec9
```
#12fec9 rgb(18,254,201)
```
#12bdfe
```
#12bdfe rgb(18,189,254)
```
#1247fe
```
#1247fe rgb(18,71,254)
```

Analogous Color

#fec912
```
#fec912 rgb(254,201,18)
```
#12bdfe
```
#12bdfe rgb(18,189,254)
```
#fe1247
```
#fe1247 rgb(254,18,71)
```

Split Complementary Color

#bdfe12
```
#bdfe12 rgb(189,254,18)
```
#12bdfe
```
#12bdfe rgb(18,189,254)
```
#fe12bd
```
#fe12bd rgb(254,18,189)
```

Triadic Color

#12fe53
```
#12fe53 rgb(18,254,83)
```
#12bdfe
```
#12bdfe rgb(18,189,254)
```
#fe12bd
```
#fe12bd rgb(254,18,189)
```
#fe5312
```
#fe5312 rgb(254,83,18)
```

Tetradic Color

#018dc3
```
#018dc3 rgb(1,141,195)
```
#01a0dc
```
#01a0dc rgb(1,160,220)
```
#01b2f5
```
#01b2f5 rgb(1,178,245)
```
#12bdfe
```
#12bdfe rgb(18,189,254)
```
#2bc4fe
```
#2bc4fe rgb(43,196,254)
```
#45cbfe
```
#45cbfe rgb(69,203,254)
```
#5ed2fe
```
#5ed2fe rgb(94,210,254)
```

Monochromatic Color

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

#12f8fe
```
#12f8fe rgb(18,248,254)
```
#12e4fe
```
#12e4fe rgb(18,228,254)
```
#12d1fe
```
#12d1fe rgb(18,209,254)
```
#12bdfe
```
#12bdfe rgb(18,189,254)
```
#12a9fe
```
#12a9fe rgb(18,169,254)
```
#1296fe
```
#1296fe rgb(18,150,254)
```
#1282fe
```
#1282fe rgb(18,130,254)
```

Similar Colors

Text with hexadecimal color #12bdfe

This text has a font color of #12bdfe.

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

#12bdfe background color

This paragraph has a background color of #12bdfe.

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

#12bdfe border color

This element has a border color of #12bdfe.

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

CSS codes

.text {color:#12bdfe;}

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

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

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)
```
#002938
```
#002938 rgb(0,41,56)
```
#00374c
```
#00374c rgb(0,55,76)
```
#00455f
```
#00455f rgb(0,69,95)
```
#005373
```
#005373 rgb(0,83,115)
```
#016186
```
#016186 rgb(1,97,134)
```
#01709a
```
#01709a rgb(1,112,154)
```
#017ead
```
#017ead rgb(1,126,173)
```
#018cc1
```
#018cc1 rgb(1,140,193)
```
#019ad4
```
#019ad4 rgb(1,154,212)
```
#01a8e8
```
#01a8e8 rgb(1,168,232)
```
#01b6fb
```
#01b6fb rgb(1,182,251)
```

Shade Color Variation

#12bdfe
```
#12bdfe rgb(18,189,254)
```
#26c2fe
```
#26c2fe rgb(38,194,254)
```
#39c8fe
```
#39c8fe rgb(57,200,254)
```
#4dcdfe
```
#4dcdfe rgb(77,205,254)
```
#60d3fe
```
#60d3fe rgb(96,211,254)
```
#74d8fe
```
#74d8fe rgb(116,216,254)
```
#87defe
```
#87defe rgb(135,222,254)
```
#9be3ff
```
#9be3ff rgb(155,227,255)
```
#aee9ff
```
#aee9ff rgb(174,233,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 #12bdfe 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)
```
#37add9
```
#37add9 rgb(55,173,217)
```
#2db1e3
```
#2db1e3 rgb(45,177,227)
```
#24b5ec
```
#24b5ec rgb(36,181,236)
```
#1bb9f5
```
#1bb9f5 rgb(27,185,245)
```
#12bdfe
```
#12bdfe rgb(18,189,254)
```

Tone Color Variation

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

#9fb2f3 Protanopia 1% of men
#91b3ff Deuteranopia 1% of men
#00c6d3 Tritanopia 0.001% of the population

Trichromacy

#6bb6f7 Protanomaly 1% of men, 0.01% of women
#63b7fe Deuteranomaly 6% of men, 0.4% of women
#06c2e3 Tritanomaly 0.01% of the population

#12bdfe hex color

#12bdfe Color Information

#12bdfe Color Conversion

Color Schemes with #12bdfe

Alternatives to #12bdfe

#12bdfe Preview

Shades and Tints of #12bdfe

Tones of #12bdfe

Color Blindness Simulator