#12a1be hex color

In a RGB color space, hex #12a1be is composed of 7.1% red, 63.1% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 15.3% magenta, 0% yellow and 25.5% black. It has a hue angle of 190.1 degrees, a saturation of 82.7% and a lightness of 40.8%. #12a1be color hex could be obtained by blending #24ffff with #00437d. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 63
- B 75
RGB color chart
- C 91
- M 15
- Y 0
- K 25
CMYK color chart

● #12a1be color description : Strong cyan.

The hexadecimal color #12a1be has RGB values of R:18, G:161, B:190 and CMYK values of C:0.91, M:0.15, Y:0, K:0.25. Its decimal value is 1221054.

Hex triplet	12a1be	`#12a1be`
RGB Decimal	18, 161, 190	`rgb(18,161,190)`
RGB Percent	7.1, 63.1, 74.5	`rgb(7.1%,63.1%,74.5%)`
CMYK	91, 15, 0, 25
HSL	190.1°, 82.7, 40.8	`hsl(190.1,82.7%,40.8%)`
HSV (or HSB)	190.1°, 90.5, 74.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.075, -23.901, -24.636
XYZ	22.286, 29.334, 53.2
xyY	0.213, 0.28, 29.334
CIE-LCH	61.075, 34.324, 225.868
CIE-LUV	61.075, -43.269, -34.791
Hunter-Lab	54.161, -21.332, -20.326
Binary	00010010, 10100001, 10111110

#12a1be
```
#12a1be rgb(18,161,190)
```
#be2f12
```
#be2f12 rgb(190,47,18)
```

Complementary Color

#12be85
```
#12be85 rgb(18,190,133)
```
#12a1be
```
#12a1be rgb(18,161,190)
```
#124bbe
```
#124bbe rgb(18,75,190)
```

Analogous Color

#be8512
```
#be8512 rgb(190,133,18)
```
#12a1be
```
#12a1be rgb(18,161,190)
```
#be124b
```
#be124b rgb(190,18,75)
```

Split Complementary Color

#a1be12
```
#a1be12 rgb(161,190,18)
```
#12a1be
```
#12a1be rgb(18,161,190)
```
#be12a1
```
#be12a1 rgb(190,18,161)
```

Triadic Color

#12be2f
```
#12be2f rgb(18,190,47)
```
#12a1be
```
#12a1be rgb(18,161,190)
```
#be12a1
```
#be12a1 rgb(190,18,161)
```
#be2f12
```
#be2f12 rgb(190,47,18)
```

Tetradic Color

#0b6678
```
#0b6678 rgb(11,102,120)
```
#0e7a8f
```
#0e7a8f rgb(14,122,143)
```
#108da7
```
#108da7 rgb(16,141,167)
```
#12a1be
```
#12a1be rgb(18,161,190)
```
#14b5d5
```
#14b5d5 rgb(20,181,213)
```
#1ac6e9
```
#1ac6e9 rgb(26,198,233)
```
#31cceb
```
#31cceb rgb(49,204,235)
```

Monochromatic Color

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

#12beb0
```
#12beb0 rgb(18,190,176)
```
#12bebe
```
#12bebe rgb(18,190,190)
```
#12afbe
```
#12afbe rgb(18,175,190)
```
#12a1be
```
#12a1be rgb(18,161,190)
```
#1293be
```
#1293be rgb(18,147,190)
```
#1284be
```
#1284be rgb(18,132,190)
```
#1276be
```
#1276be rgb(18,118,190)
```

Similar Colors

Text with hexadecimal color #12a1be

This text has a font color of #12a1be.

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

#12a1be background color

This paragraph has a background color of #12a1be.

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

#12a1be border color

This element has a border color of #12a1be.

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

CSS codes

.text {color:#12a1be;}

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

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

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, #01090b is the darkest color, while #f8fdfe is the lightest one.

#01090b
```
#01090b rgb(1,9,11)
```
#03181d
```
#03181d rgb(3,24,29)
```
#04282f
```
#04282f rgb(4,40,47)
```
#063741
```
#063741 rgb(6,55,65)
```
#084652
```
#084652 rgb(8,70,82)
```
#0a5564
```
#0a5564 rgb(10,85,100)
```
#0b6476
```
#0b6476 rgb(11,100,118)
```
#0d7388
```
#0d7388 rgb(13,115,136)
```
#0f839a
```
#0f839a rgb(15,131,154)
```
#1092ac
```
#1092ac rgb(16,146,172)
```
#12a1be
```
#12a1be rgb(18,161,190)
```
#14b0d0
```
#14b0d0 rgb(20,176,208)
```
#15bfe2
```
#15bfe2 rgb(21,191,226)
```

Shade Color Variation

#21c8ea
```
#21c8ea rgb(33,200,234)
```
#33ccec
```
#33ccec rgb(51,204,236)
```
#45d1ed
```
#45d1ed rgb(69,209,237)
```
#57d5ef
```
#57d5ef rgb(87,213,239)
```
#69daf1
```
#69daf1 rgb(105,218,241)
```
#7adef2
```
#7adef2 rgb(122,222,242)
```
#8ce3f4
```
#8ce3f4 rgb(140,227,244)
```
#9ee7f6
```
#9ee7f6 rgb(158,231,246)
```
#b0ecf8
```
#b0ecf8 rgb(176,236,248)
```
#c2f0f9
```
#c2f0f9 rgb(194,240,249)
```
#d4f4fb
```
#d4f4fb rgb(212,244,251)
```
#e6f9fd
```
#e6f9fd rgb(230,249,253)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626c6e is the less saturated color, while #02acce is the most saturated one.

#626c6e
```
#626c6e rgb(98,108,110)
```
#5a7176
```
#5a7176 rgb(90,113,118)
```
#52777e
```
#52777e rgb(82,119,126)
```
#4a7c86
```
#4a7c86 rgb(74,124,134)
```
#42818e
```
#42818e rgb(66,129,142)
```
#3a8696
```
#3a8696 rgb(58,134,150)
```
#328c9e
```
#328c9e rgb(50,140,158)
```
#2a91a6
```
#2a91a6 rgb(42,145,166)
```
#2296ae
```
#2296ae rgb(34,150,174)
```
#1a9cb6
```
#1a9cb6 rgb(26,156,182)
```
#12a1be
```
#12a1be rgb(18,161,190)
```
#0aa6c6
```
#0aa6c6 rgb(10,166,198)
```
#02acce
```
#02acce rgb(2,172,206)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#658288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9197b8 Protanopia 1% of men
#8b96c7 Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

#629bba Protanomaly 1% of men, 0.01% of women
#5f9ac3 Deuteranomaly 6% of men, 0.4% of women
#06a5b7 Tritanomaly 0.01% of the population

#12a1be hex color

#12a1be Color Information

#12a1be Color Conversion

Color Schemes with #12a1be

Alternatives to #12a1be

#12a1be Preview

Shades and Tints of #12a1be

Tones of #12a1be

Color Blindness Simulator