#12bbef hex color

In a RGB color space, hex #12bbef is composed of 7.1% red, 73.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 21.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 194.1 degrees, a saturation of 87.4% and a lightness of 50.4%. #12bbef color hex could be obtained by blending #24ffff with #0077df. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 7
- G 73
- B 94
RGB color chart
- C 92
- M 22
- Y 0
- K 6
CMYK color chart

● #12bbef color description : Vivid cyan.

The hexadecimal color #12bbef has RGB values of R:18, G:187, B:239 and CMYK values of C:0.92, M:0.22, Y:0, K:0.06. Its decimal value is 1227759.

Hex triplet	12bbef	`#12bbef`
RGB Decimal	18, 187, 239	`rgb(18,187,239)`
RGB Percent	7.1, 73.3, 93.7	`rgb(7.1%,73.3%,93.7%)`
CMYK	92, 22, 0, 6
HSL	194.1°, 87.4, 50.4	`hsl(194.1,87.4%,50.4%)`
HSV (or HSB)	194.1°, 92.5, 93.7
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.801, -20.617, -36.621
XYZ	33.596, 41.898, 87.973
xyY	0.206, 0.256, 41.898
CIE-LCH	70.801, 42.026, 240.622
CIE-LUV	70.801, -48.52, -56.25
Hunter-Lab	64.729, -20.63, -35.271
Binary	00010010, 10111011, 11101111

#12bbef
```
#12bbef rgb(18,187,239)
```
#ef4612
```
#ef4612 rgb(239,70,18)
```

Complementary Color

#12efb5
```
#12efb5 rgb(18,239,181)
```
#12bbef
```
#12bbef rgb(18,187,239)
```
#124def
```
#124def rgb(18,77,239)
```

Analogous Color

#efb512
```
#efb512 rgb(239,181,18)
```
#12bbef
```
#12bbef rgb(18,187,239)
```
#ef124d
```
#ef124d rgb(239,18,77)
```

Split Complementary Color

#bbef12
```
#bbef12 rgb(187,239,18)
```
#12bbef
```
#12bbef rgb(18,187,239)
```
#ef12bb
```
#ef12bb rgb(239,18,187)
```

Triadic Color

#12ef46
```
#12ef46 rgb(18,239,70)
```
#12bbef
```
#12bbef rgb(18,187,239)
```
#ef12bb
```
#ef12bb rgb(239,18,187)
```
#ef4612
```
#ef4612 rgb(239,70,18)
```

Tetradic Color

#0b84a9
```
#0b84a9 rgb(11,132,169)
```
#0d97c1
```
#0d97c1 rgb(13,151,193)
```
#0fa9d9
```
#0fa9d9 rgb(15,169,217)
```
#12bbef
```
#12bbef rgb(18,187,239)
```
#2ac2f1
```
#2ac2f1 rgb(42,194,241)
```
#42c9f2
```
#42c9f2 rgb(66,201,242)
```
#5ad0f4
```
#5ad0f4 rgb(90,208,244)
```

Monochromatic Color

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

#12efec
```
#12efec rgb(18,239,236)
```
#12e0ef
```
#12e0ef rgb(18,224,239)
```
#12cdef
```
#12cdef rgb(18,205,239)
```
#12bbef
```
#12bbef rgb(18,187,239)
```
#12a9ef
```
#12a9ef rgb(18,169,239)
```
#1296ef
```
#1296ef rgb(18,150,239)
```
#1284ef
```
#1284ef rgb(18,132,239)
```

Similar Colors

Text with hexadecimal color #12bbef

This text has a font color of #12bbef.

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

#12bbef background color

This paragraph has a background color of #12bbef.

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

#12bbef border color

This element has a border color of #12bbef.

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

CSS codes

.text {color:#12bbef;}

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

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

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, #000102 is the darkest color, while #eefafe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#011014
```
#011014 rgb(1,16,20)
```
#031e27
```
#031e27 rgb(3,30,39)
```
#042c39
```
#042c39 rgb(4,44,57)
```
#053b4b
```
#053b4b rgb(5,59,75)
```
#06495e
```
#06495e rgb(6,73,94)
```
#085870
```
#085870 rgb(8,88,112)
```
#096682
```
#096682 rgb(9,102,130)
```
#0a7495
```
#0a7495 rgb(10,116,149)
```
#0b83a7
```
#0b83a7 rgb(11,131,167)
```
#0d91ba
```
#0d91ba rgb(13,145,186)
```
#0e9fcc
```
#0e9fcc rgb(14,159,204)
```
#0faede
```
#0faede rgb(15,174,222)
```

Shade Color Variation

#12bbef
```
#12bbef rgb(18,187,239)
```
#24c0f0
```
#24c0f0 rgb(36,192,240)
```
#37c6f1
```
#37c6f1 rgb(55,198,241)
```
#49cbf3
```
#49cbf3 rgb(73,203,243)
```
#5bd0f4
```
#5bd0f4 rgb(91,208,244)
```
#6ed5f5
```
#6ed5f5 rgb(110,213,245)
```
#80dbf6
```
#80dbf6 rgb(128,219,246)
```
#93e0f8
```
#93e0f8 rgb(147,224,248)
```
#a5e5f9
```
#a5e5f9 rgb(165,229,249)
```
#b7eafa
```
#b7eafa rgb(183,234,250)
```
#caf0fb
```
#caf0fb rgb(202,240,251)
```
#dcf5fd
```
#dcf5fd rgb(220,245,253)
```
#eefafe
```
#eefafe rgb(238,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8284 is the less saturated color, while #08c0f9 is the most saturated one.

#7d8284
```
#7d8284 rgb(125,130,132)
```
#73878e
```
#73878e rgb(115,135,142)
```
#6a8d97
```
#6a8d97 rgb(106,141,151)
```
#6092a1
```
#6092a1 rgb(96,146,161)
```
#5697ab
```
#5697ab rgb(86,151,171)
```
#4c9cb5
```
#4c9cb5 rgb(76,156,181)
```
#43a1be
```
#43a1be rgb(67,161,190)
```
#39a6c8
```
#39a6c8 rgb(57,166,200)
```
#2facd2
```
#2facd2 rgb(47,172,210)
```
#25b1dc
```
#25b1dc rgb(37,177,220)
```
#1cb6e5
```
#1cb6e5 rgb(28,182,229)
```
#12bbef
```
#12bbef rgb(18,187,239)
```
#08c0f9
```
#08c0f9 rgb(8,192,249)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7597a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1afe5 Protanopia 1% of men
#95b0f5 Deuteranopia 1% of men
#00c2d0 Tritanopia 0.001% of the population

Trichromacy

#6db3e8 Protanomaly 1% of men, 0.01% of women
#65b4f3 Deuteranomaly 6% of men, 0.4% of women
#06bfdb Tritanomaly 0.01% of the population

#12bbef hex color

#12bbef Color Information

#12bbef Color Conversion

Color Schemes with #12bbef

Alternatives to #12bbef

#12bbef Preview

Shades and Tints of #12bbef

Tones of #12bbef

Color Blindness Simulator