#12b2ee hex color

In a RGB color space, hex #12b2ee is composed of 7.1% red, 69.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 25.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 196.4 degrees, a saturation of 86.6% and a lightness of 50.2%. #12b2ee color hex could be obtained by blending #24ffff with #0065dd. Closest websafe color is: #0099ff.

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

● #12b2ee color description : Vivid blue.

The hexadecimal color #12b2ee has RGB values of R:18, G:178, B:238 and CMYK values of C:0.92, M:0.25, Y:0, K:0.07. Its decimal value is 1225454.

Hex triplet	12b2ee	`#12b2ee`
RGB Decimal	18, 178, 238	`rgb(18,178,238)`
RGB Percent	7.1, 69.8, 93.3	`rgb(7.1%,69.8%,93.3%)`
CMYK	92, 25, 0, 7
HSL	196.4°, 86.6, 50.2	`hsl(196.4,86.6%,50.2%)`
HSV (or HSB)	196.4°, 92.4, 93.3
Web Safe	0099ff	`#0099ff`

CIE-LAB	68.123, -16.226, -40.249
XYZ	31.598, 38.139, 86.58
xyY	0.202, 0.244, 38.139
CIE-LCH	68.123, 43.397, 248.044
CIE-LUV	68.123, -45.568, -62.691
Hunter-Lab	61.757, -16.744, -39.892
Binary	00010010, 10110010, 11101110

#12b2ee
```
#12b2ee rgb(18,178,238)
```
#ee4e12
```
#ee4e12 rgb(238,78,18)
```

Complementary Color

#12eebc
```
#12eebc rgb(18,238,188)
```
#12b2ee
```
#12b2ee rgb(18,178,238)
```
#1244ee
```
#1244ee rgb(18,68,238)
```

Analogous Color

#eebc12
```
#eebc12 rgb(238,188,18)
```
#12b2ee
```
#12b2ee rgb(18,178,238)
```
#ee1244
```
#ee1244 rgb(238,18,68)
```

Split Complementary Color

#b2ee12
```
#b2ee12 rgb(178,238,18)
```
#12b2ee
```
#12b2ee rgb(18,178,238)
```
#ee12b2
```
#ee12b2 rgb(238,18,178)
```

Triadic Color

#12ee4e
```
#12ee4e rgb(18,238,78)
```
#12b2ee
```
#12b2ee rgb(18,178,238)
```
#ee12b2
```
#ee12b2 rgb(238,18,178)
```
#ee4e12
```
#ee4e12 rgb(238,78,18)
```

Tetradic Color

#0c7da7
```
#0c7da7 rgb(12,125,167)
```
#0e8fbf
```
#0e8fbf rgb(14,143,191)
```
#0fa1d7
```
#0fa1d7 rgb(15,161,215)
```
#12b2ee
```
#12b2ee rgb(18,178,238)
```
#2abaf0
```
#2abaf0 rgb(42,186,240)
```
#42c1f1
```
#42c1f1 rgb(66,193,241)
```
#59c9f3
```
#59c9f3 rgb(89,201,243)
```

Monochromatic Color

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

#12e9ee
```
#12e9ee rgb(18,233,238)
```
#12d7ee
```
#12d7ee rgb(18,215,238)
```
#12c4ee
```
#12c4ee rgb(18,196,238)
```
#12b2ee
```
#12b2ee rgb(18,178,238)
```
#12a0ee
```
#12a0ee rgb(18,160,238)
```
#128dee
```
#128dee rgb(18,141,238)
```
#127bee
```
#127bee rgb(18,123,238)
```

Similar Colors

Text with hexadecimal color #12b2ee

This text has a font color of #12b2ee.

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

#12b2ee background color

This paragraph has a background color of #12b2ee.

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

#12b2ee border color

This element has a border color of #12b2ee.

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

CSS codes

.text {color:#12b2ee;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010e13
```
#010e13 rgb(1,14,19)
```
#031c26
```
#031c26 rgb(3,28,38)
```
#042a38
```
#042a38 rgb(4,42,56)
```
#05374a
```
#05374a rgb(5,55,74)
```
#07455c
```
#07455c rgb(7,69,92)
```
#08536f
```
#08536f rgb(8,83,111)
```
#096081
```
#096081 rgb(9,96,129)
```
#0b6e93
```
#0b6e93 rgb(11,110,147)
```
#0c7ca6
```
#0c7ca6 rgb(12,124,166)
```
#0d89b8
```
#0d89b8 rgb(13,137,184)
```
#0f97ca
```
#0f97ca rgb(15,151,202)
```
#10a5dd
```
#10a5dd rgb(16,165,221)
```

Shade Color Variation

#12b2ee
```
#12b2ee rgb(18,178,238)
```
#24b8ef
```
#24b8ef rgb(36,184,239)
```
#37bef1
```
#37bef1 rgb(55,190,241)
```
#49c4f2
```
#49c4f2 rgb(73,196,242)
```
#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#6ed0f5
```
#6ed0f5 rgb(110,208,245)
```
#80d6f6
```
#80d6f6 rgb(128,214,246)
```
#92dcf7
```
#92dcf7 rgb(146,220,247)
```
#a4e2f9
```
#a4e2f9 rgb(164,226,249)
```
#b7e8fa
```
#b7e8fa rgb(183,232,250)
```
#c9edfb
```
#c9edfb rgb(201,237,251)
```
#dbf3fc
```
#dbf3fc rgb(219,243,252)
```
#eef9fe
```
#eef9fe rgb(238,249,254)
```

Tint Color Variation

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

#7d8183
```
#7d8183 rgb(125,129,131)
```
#74868c
```
#74868c rgb(116,134,140)
```
#6a8a96
```
#6a8a96 rgb(106,138,150)
```
#608ea0
```
#608ea0 rgb(96,142,160)
```
#5693aa
```
#5693aa rgb(86,147,170)
```
#4d97b3
```
#4d97b3 rgb(77,151,179)
```
#439cbd
```
#439cbd rgb(67,156,189)
```
#39a0c7
```
#39a0c7 rgb(57,160,199)
```
#2fa5d1
```
#2fa5d1 rgb(47,165,209)
```
#26a9da
```
#26a9da rgb(38,169,218)
```
#1caee4
```
#1caee4 rgb(28,174,228)
```
#12b2ee
```
#12b2ee rgb(18,178,238)
```
#08b6f8
```
#08b6f8 rgb(8,182,248)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#71919d Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a8e5 Protanopia 1% of men
#87a9f3 Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#66abe8 Protanomaly 1% of men, 0.01% of women
#5dacf1 Deuteranomaly 6% of men, 0.4% of women
#06b7d5 Tritanomaly 0.01% of the population

#12b2ee hex color

#12b2ee Color Information

#12b2ee Color Conversion

Color Schemes with #12b2ee

Alternatives to #12b2ee

#12b2ee Preview

Shades and Tints of #12b2ee

Tones of #12b2ee

Color Blindness Simulator