#12bdfd hex color

In a RGB color space, hex #12bdfd is composed of 7.1% red, 74.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 25.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 196.3 degrees, a saturation of 98.3% and a lightness of 53.1%. #12bdfd color hex could be obtained by blending #24ffff with #007bfb. Closest websafe color is: #00ccff.

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

● #12bdfd color description : Vivid blue.

The hexadecimal color #12bdfd has RGB values of R:18, G:189, B:253 and CMYK values of C:0.93, M:0.25, Y:0, K:0.01. Its decimal value is 1228285.

Hex triplet	12bdfd	`#12bdfd`
RGB Decimal	18, 189, 253	`rgb(18,189,253)`
RGB Percent	7.1, 74.1, 99.2	`rgb(7.1%,74.1%,99.2%)`
CMYK	93, 25, 0, 1
HSL	196.3°, 98.3, 53.1	`hsl(196.3,98.3%,53.1%)`
HSV (or HSB)	196.3°, 92.9, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.968, -16.835, -42.369
XYZ	36.172, 43.612, 99.435
xyY	0.202, 0.243, 43.612
CIE-LCH	71.968, 45.592, 248.33
CIE-LUV	71.968, -48.175, -66.73
Hunter-Lab	66.039, -17.799, -43.044
Binary	00010010, 10111101, 11111101

#12bdfd
```
#12bdfd rgb(18,189,253)
```
#fd5212
```
#fd5212 rgb(253,82,18)
```

Complementary Color

#12fdc8
```
#12fdc8 rgb(18,253,200)
```
#12bdfd
```
#12bdfd rgb(18,189,253)
```
#1248fd
```
#1248fd rgb(18,72,253)
```

Analogous Color

#fdc812
```
#fdc812 rgb(253,200,18)
```
#12bdfd
```
#12bdfd rgb(18,189,253)
```
#fd1247
```
#fd1247 rgb(253,18,71)
```

Split Complementary Color

#bdfd12
```
#bdfd12 rgb(189,253,18)
```
#12bdfd
```
#12bdfd rgb(18,189,253)
```
#fd12bd
```
#fd12bd rgb(253,18,189)
```

Triadic Color

#12fd52
```
#12fd52 rgb(18,253,82)
```
#12bdfd
```
#12bdfd rgb(18,189,253)
```
#fd12bd
```
#fd12bd rgb(253,18,189)
```
#fd5212
```
#fd5212 rgb(253,82,18)
```

Tetradic Color

#028dc1
```
#028dc1 rgb(2,141,193)
```
#029fda
```
#029fda rgb(2,159,218)
```
#02b2f3
```
#02b2f3 rgb(2,178,243)
```
#12bdfd
```
#12bdfd rgb(18,189,253)
```
#2bc4fd
```
#2bc4fd rgb(43,196,253)
```
#45cbfd
```
#45cbfd rgb(69,203,253)
```
#5ed2fe
```
#5ed2fe rgb(94,210,254)
```

Monochromatic Color

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

#12f8fd
```
#12f8fd rgb(18,248,253)
```
#12e4fd
```
#12e4fd rgb(18,228,253)
```
#12d1fd
```
#12d1fd rgb(18,209,253)
```
#12bdfd
```
#12bdfd rgb(18,189,253)
```
#12a9fd
```
#12a9fd rgb(18,169,253)
```
#1296fd
```
#1296fd rgb(18,150,253)
```
#1282fd
```
#1282fd rgb(18,130,253)
```

Similar Colors

Text with hexadecimal color #12bdfd

This text has a font color of #12bdfd.

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

#12bdfd background color

This paragraph has a background color of #12bdfd.

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

#12bdfd border color

This element has a border color of #12bdfd.

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

CSS codes

.text {color:#12bdfd;}

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

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

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

#000c10
```
#000c10 rgb(0,12,16)
```
#001a23
```
#001a23 rgb(0,26,35)
```
#002837
```
#002837 rgb(0,40,55)
```
#01364a
```
#01364a rgb(1,54,74)
```
#01445e
```
#01445e rgb(1,68,94)
```
#015371
```
#015371 rgb(1,83,113)
```
#016185
```
#016185 rgb(1,97,133)
```
#016f98
```
#016f98 rgb(1,111,152)
```
#017dab
```
#017dab rgb(1,125,171)
```
#028bbf
```
#028bbf rgb(2,139,191)
```
#029ad2
```
#029ad2 rgb(2,154,210)
```
#02a8e6
```
#02a8e6 rgb(2,168,230)
```
#02b6f9
```
#02b6f9 rgb(2,182,249)
```

Shade Color Variation

#12bdfd
```
#12bdfd rgb(18,189,253)
```
#25c2fd
```
#25c2fd rgb(37,194,253)
```
#39c8fd
```
#39c8fd rgb(57,200,253)
```
#4ccdfd
```
#4ccdfd rgb(76,205,253)
```
#60d3fe
```
#60d3fe rgb(96,211,254)
```
#73d8fe
```
#73d8fe rgb(115,216,254)
```
#87defe
```
#87defe rgb(135,222,254)
```
#9ae3fe
```
#9ae3fe rgb(154,227,254)
```
#aee8fe
```
#aee8fe rgb(174,232,254)
```
#c1eefe
```
#c1eefe rgb(193,238,254)
```
#d5f3ff
```
#d5f3ff rgb(213,243,255)
```
#e8f9ff
```
#e8f9ff rgb(232,249,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#808b8f
```
#808b8f rgb(128,139,143)
```
#778f98
```
#778f98 rgb(119,143,152)
```
#6e93a1
```
#6e93a1 rgb(110,147,161)
```
#6597aa
```
#6597aa rgb(101,151,170)
```
#5c9cb3
```
#5c9cb3 rgb(92,156,179)
```
#52a0bd
```
#52a0bd rgb(82,160,189)
```
#49a4c6
```
#49a4c6 rgb(73,164,198)
```
#40a8cf
```
#40a8cf rgb(64,168,207)
```
#37acd8
```
#37acd8 rgb(55,172,216)
```
#2eb0e1
```
#2eb0e1 rgb(46,176,225)
```
#24b5eb
```
#24b5eb rgb(36,181,235)
```
#1bb9f4
```
#1bb9f4 rgb(27,185,244)
```
#12bdfd
```
#12bdfd rgb(18,189,253)
```

Tone Color Variation

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

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

#12bdfd hex color

#12bdfd Color Information

#12bdfd Color Conversion

Color Schemes with #12bdfd

Alternatives to #12bdfd

#12bdfd Preview

Shades and Tints of #12bdfd

Tones of #12bdfd

Color Blindness Simulator