#12bae3 hex color

In a RGB color space, hex #12bae3 is composed of 7.1% red, 72.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 18.1% magenta, 0% yellow and 11% black. It has a hue angle of 191.8 degrees, a saturation of 85.3% and a lightness of 48%. #12bae3 color hex could be obtained by blending #24ffff with #0075c7. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 73
- B 89
RGB color chart
- C 92
- M 18
- Y 0
- K 11
CMYK color chart

● #12bae3 color description : Vivid cyan.

The hexadecimal color #12bae3 has RGB values of R:18, G:186, B:227 and CMYK values of C:0.92, M:0.18, Y:0, K:0.11. Its decimal value is 1227491.

Hex triplet	12bae3	`#12bae3`
RGB Decimal	18, 186, 227	`rgb(18,186,227)`
RGB Percent	7.1, 72.9, 89	`rgb(7.1%,72.9%,89%)`
CMYK	92, 18, 0, 11
HSL	191.8°, 85.3, 48	`hsl(191.8,85.3%,48%)`
HSV (or HSB)	191.8°, 92.1, 89
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.028, -24.176, -31.295
XYZ	31.67, 40.789, 78.873
xyY	0.209, 0.27, 40.789
CIE-LCH	70.028, 39.545, 232.313
CIE-LUV	70.028, -49.076, -46.641
Hunter-Lab	63.867, -23.253, -28.514
Binary	00010010, 10111010, 11100011

#12bae3
```
#12bae3 rgb(18,186,227)
```
#e33b12
```
#e33b12 rgb(227,59,18)
```

Complementary Color

#12e3a4
```
#12e3a4 rgb(18,227,164)
```
#12bae3
```
#12bae3 rgb(18,186,227)
```
#1251e3
```
#1251e3 rgb(18,81,227)
```

Analogous Color

#e3a412
```
#e3a412 rgb(227,164,18)
```
#12bae3
```
#12bae3 rgb(18,186,227)
```
#e31251
```
#e31251 rgb(227,18,81)
```

Split Complementary Color

#bae312
```
#bae312 rgb(186,227,18)
```
#12bae3
```
#12bae3 rgb(18,186,227)
```
#e312ba
```
#e312ba rgb(227,18,186)
```

Triadic Color

#12e33b
```
#12e33b rgb(18,227,59)
```
#12bae3
```
#12bae3 rgb(18,186,227)
```
#e312ba
```
#e312ba rgb(227,18,186)
```
#e33b12
```
#e33b12 rgb(227,59,18)
```

Tetradic Color

#0c809c
```
#0c809c rgb(12,128,156)
```
#0e93b4
```
#0e93b4 rgb(14,147,180)
```
#10a7cb
```
#10a7cb rgb(16,167,203)
```
#12bae3
```
#12bae3 rgb(18,186,227)
```
#21c5ed
```
#21c5ed rgb(33,197,237)
```
#39cbef
```
#39cbef rgb(57,203,239)
```
#50d2f1
```
#50d2f1 rgb(80,210,241)
```

Monochromatic Color

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

#12e3d8
```
#12e3d8 rgb(18,227,216)
```
#12dde3
```
#12dde3 rgb(18,221,227)
```
#12cbe3
```
#12cbe3 rgb(18,203,227)
```
#12bae3
```
#12bae3 rgb(18,186,227)
```
#12a9e3
```
#12a9e3 rgb(18,169,227)
```
#1297e3
```
#1297e3 rgb(18,151,227)
```
#1286e3
```
#1286e3 rgb(18,134,227)
```

Similar Colors

Text with hexadecimal color #12bae3

This text has a font color of #12bae3.

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

#12bae3 background color

This paragraph has a background color of #12bae3.

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

#12bae3 border color

This element has a border color of #12bae3.

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

CSS codes

.text {color:#12bae3;}

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

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

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

#010709
```
#010709 rgb(1,7,9)
```
#02161b
```
#02161b rgb(2,22,27)
```
#04252d
```
#04252d rgb(4,37,45)
```
#05343f
```
#05343f rgb(5,52,63)
```
#064352
```
#064352 rgb(6,67,82)
```
#085264
```
#085264 rgb(8,82,100)
```
#096176
```
#096176 rgb(9,97,118)
```
#0b7088
```
#0b7088 rgb(11,112,136)
```
#0c7e9a
```
#0c7e9a rgb(12,126,154)
```
#0e8dac
```
#0e8dac rgb(14,141,172)
```
#0f9cbf
```
#0f9cbf rgb(15,156,191)
```
#11abd1
```
#11abd1 rgb(17,171,209)
```
#12bae3
```
#12bae3 rgb(18,186,227)
```

Shade Color Variation

#1cc4ed
```
#1cc4ed rgb(28,196,237)
```
#2ec9ee
```
#2ec9ee rgb(46,201,238)
```
#40cdf0
```
#40cdf0 rgb(64,205,240)
```
#52d2f1
```
#52d2f1 rgb(82,210,241)
```
#64d7f3
```
#64d7f3 rgb(100,215,243)
```
#77dcf4
```
#77dcf4 rgb(119,220,244)
```
#89e0f6
```
#89e0f6 rgb(137,224,246)
```
#9be5f7
```
#9be5f7 rgb(155,229,247)
```
#adeaf9
```
#adeaf9 rgb(173,234,249)
```
#bfeefa
```
#bfeefa rgb(191,238,250)
```
#d1f3fb
```
#d1f3fb rgb(209,243,251)
```
#e4f8fd
```
#e4f8fd rgb(228,248,253)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

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

#7a7b7b
```
#7a7b7b rgb(122,123,123)
```
#708185
```
#708185 rgb(112,129,133)
```
#67868e
```
#67868e rgb(103,134,142)
```
#5d8c98
```
#5d8c98 rgb(93,140,152)
```
#5492a1
```
#5492a1 rgb(84,146,161)
```
#4b98aa
```
#4b98aa rgb(75,152,170)
```
#419db4
```
#419db4 rgb(65,157,180)
```
#38a3bd
```
#38a3bd rgb(56,163,189)
```
#2ea9c7
```
#2ea9c7 rgb(46,169,199)
```
#25afd0
```
#25afd0 rgb(37,175,208)
```
#1bb4da
```
#1bb4da rgb(27,180,218)
```
#12bae3
```
#12bae3 rgb(18,186,227)
```
#09c0ec
```
#09c0ec rgb(9,192,236)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#74959d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3adda Protanopia 1% of men
#9badea Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#6eb2dd Protanomaly 1% of men, 0.01% of women
#69b2e8 Deuteranomaly 6% of men, 0.4% of women
#06bed5 Tritanomaly 0.01% of the population

#12bae3 hex color

#12bae3 Color Information

#12bae3 Color Conversion

Color Schemes with #12bae3

Alternatives to #12bae3

#12bae3 Preview

Shades and Tints of #12bae3

Tones of #12bae3

Color Blindness Simulator