colorhexa.com

#12aaea hex color

In a RGB color space, hex #12aaea is composed of 7.1% red, 66.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 92.3% cyan, 27.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 197.8 degrees, a saturation of 85.7% and a lightness of 49.4%. #12aaea color hex could be obtained by blending #24ffff with #0055d5. Closest websafe color is: #0099ff.

- R 7
- G 67
- B 92
RGB color chart
- C 92
- M 27
- Y 0
- K 8
CMYK color chart

● #12aaea color description : Vivid blue.

The hexadecimal color #12aaea has RGB values of R:18, G:170, B:234 and CMYK values of C:0.92, M:0.27, Y:0, K:0.08. Its decimal value is 1223402.

Hex triplet	12aaea	`#12aaea`
RGB Decimal	18, 170, 234	`rgb(18,170,234)`
RGB Percent	7.1, 66.7, 91.8	`rgb(7.1%,66.7%,91.8%)`
CMYK	92, 27, 0, 8
HSL	197.8°, 85.7, 49.4	`hsl(197.8,85.7%,49.4%)`
HSV (or HSB)	197.8°, 92.3, 91.8
Web Safe	0099ff	`#0099ff`

CIE-LAB	65.605, -13.323, -42.004
XYZ	29.472, 34.816, 83.004
xyY	0.2, 0.236, 34.816
CIE-LCH	65.605, 44.066, 252.401
CIE-LUV	65.605, -43.167, -65.68
Hunter-Lab	59.005, -14.102, -42.102
Binary	00010010, 10101010, 11101010

#12aaea
```
#12aaea rgb(18,170,234)
```
#ea5212
```
#ea5212 rgb(234,82,18)
```

Complementary Color

#12eabe
```
#12eabe rgb(18,234,190)
```
#12aaea
```
#12aaea rgb(18,170,234)
```
#123eea
```
#123eea rgb(18,62,234)
```

Analogous Color

#eabe12
```
#eabe12 rgb(234,190,18)
```
#12aaea
```
#12aaea rgb(18,170,234)
```
#ea123e
```
#ea123e rgb(234,18,62)
```

Split Complementary Color

#aaea12
```
#aaea12 rgb(170,234,18)
```
#12aaea
```
#12aaea rgb(18,170,234)
```
#ea12aa
```
#ea12aa rgb(234,18,170)
```

Triadic Color

#12ea52
```
#12ea52 rgb(18,234,82)
```
#12aaea
```
#12aaea rgb(18,170,234)
```
#ea12aa
```
#ea12aa rgb(234,18,170)
```
#ea5212
```
#ea5212 rgb(234,82,18)
```

Tetradic Color

#0d76a3
```
#0d76a3 rgb(13,118,163)
```
#0e88bb
```
#0e88bb rgb(14,136,187)
```
#1099d2
```
#1099d2 rgb(16,153,210)
```
#12aaea
```
#12aaea rgb(18,170,234)
```
#27b3ee
```
#27b3ee rgb(39,179,238)
```
#3fbcf0
```
#3fbcf0 rgb(63,188,240)
```
#56c4f2
```
#56c4f2 rgb(86,196,242)
```

Monochromatic Color

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

#12e0ea
```
#12e0ea rgb(18,224,234)
```
#12ceea
```
#12ceea rgb(18,206,234)
```
#12bcea
```
#12bcea rgb(18,188,234)
```
#12aaea
```
#12aaea rgb(18,170,234)
```
#1298ea
```
#1298ea rgb(18,152,234)
```
#1286ea
```
#1286ea rgb(18,134,234)
```
#1274ea
```
#1274ea rgb(18,116,234)
```

Similar Colors

Text with hexadecimal color #12aaea

This text has a font color of #12aaea.

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

#12aaea background color

This paragraph has a background color of #12aaea.

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

#12aaea border color

This element has a border color of #12aaea.

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

CSS codes

.text {color:#12aaea;}

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

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

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, #010b0f is the darkest color, while #fcfeff is the lightest one.

#010b0f
```
#010b0f rgb(1,11,15)
```
#031822
```
#031822 rgb(3,24,34)
```
#042634
```
#042634 rgb(4,38,52)
```
#053346
```
#053346 rgb(5,51,70)
```
#074058
```
#074058 rgb(7,64,88)
```
#084d6b
```
#084d6b rgb(8,77,107)
```
#0a5b7d
```
#0a5b7d rgb(10,91,125)
```
#0b688f
```
#0b688f rgb(11,104,143)
```
#0c75a1
```
#0c75a1 rgb(12,117,161)
```
#0e82b3
```
#0e82b3 rgb(14,130,179)
```
#0f90c6
```
#0f90c6 rgb(15,144,198)
```
#119dd8
```
#119dd8 rgb(17,157,216)
```
#12aaea
```
#12aaea rgb(18,170,234)
```

Shade Color Variation

#22b1ee
```
#22b1ee rgb(34,177,238)
```
#34b8ef
```
#34b8ef rgb(52,184,239)
```
#46bef1
```
#46bef1 rgb(70,190,241)
```
#58c5f2
```
#58c5f2 rgb(88,197,242)
```
#6bcbf4
```
#6bcbf4 rgb(107,203,244)
```
#7dd1f5
```
#7dd1f5 rgb(125,209,245)
```
#8fd8f6
```
#8fd8f6 rgb(143,216,246)
```
#a1def8
```
#a1def8 rgb(161,222,248)
```
#b3e4f9
```
#b3e4f9 rgb(179,228,249)
```
#c6ebfb
```
#c6ebfb rgb(198,235,251)
```
#d8f1fc
```
#d8f1fc rgb(216,241,252)
```
#eaf8fd
```
#eaf8fd rgb(234,248,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#7d7f7f
```
#7d7f7f rgb(125,127,127)
```
#738389
```
#738389 rgb(115,131,137)
```
#698693
```
#698693 rgb(105,134,147)
```
#608a9c
```
#608a9c rgb(96,138,156)
```
#568ea6
```
#568ea6 rgb(86,142,166)
```
#4c92b0
```
#4c92b0 rgb(76,146,176)
```
#4296ba
```
#4296ba rgb(66,150,186)
```
#399ac3
```
#399ac3 rgb(57,154,195)
```
#2f9ecd
```
#2f9ecd rgb(47,158,205)
```
#25a2d7
```
#25a2d7 rgb(37,162,215)
```
#1ca6e0
```
#1ca6e0 rgb(28,166,224)
```
#12aaea
```
#12aaea rgb(18,170,234)
```
#08aef4
```
#08aef4 rgb(8,174,244)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6d8c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea2e2 Protanopia 1% of men
#7da3ef Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#61a4e5 Protanomaly 1% of men, 0.01% of women
#56a6ed Deuteranomaly 6% of men, 0.4% of women
#06b0cf Tritanomaly 0.01% of the population