#12a7be hex color

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

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

● #12a7be color description : Strong cyan.

The hexadecimal color #12a7be has RGB values of R:18, G:167, B:190 and CMYK values of C:0.91, M:0.12, Y:0, K:0.25. Its decimal value is 1222590.

Hex triplet	12a7be	`#12a7be`
RGB Decimal	18, 167, 190	`rgb(18,167,190)`
RGB Percent	7.1, 65.5, 74.5	`rgb(7.1%,65.5%,74.5%)`
CMYK	91, 12, 0, 25
HSL	188°, 82.7, 40.8	`hsl(188,82.7%,40.8%)`
HSV (or HSB)	188°, 90.5, 74.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.912, -26.944, -21.821
XYZ	23.36, 31.481, 53.558
xyY	0.215, 0.29, 31.481
CIE-LCH	62.912, 34.672, 219.004
CIE-LUV	62.912, -45.356, -29.929
Hunter-Lab	56.108, -23.874, -17.319
Binary	00010010, 10100111, 10111110

#12a7be
```
#12a7be rgb(18,167,190)
```
#be2912
```
#be2912 rgb(190,41,18)
```

Complementary Color

#12be7f
```
#12be7f rgb(18,190,127)
```
#12a7be
```
#12a7be rgb(18,167,190)
```
#1251be
```
#1251be rgb(18,81,190)
```

Analogous Color

#be7f12
```
#be7f12 rgb(190,127,18)
```
#12a7be
```
#12a7be rgb(18,167,190)
```
#be1251
```
#be1251 rgb(190,18,81)
```

Split Complementary Color

#a7be12
```
#a7be12 rgb(167,190,18)
```
#12a7be
```
#12a7be rgb(18,167,190)
```
#be12a7
```
#be12a7 rgb(190,18,167)
```

Triadic Color

#12be29
```
#12be29 rgb(18,190,41)
```
#12a7be
```
#12a7be rgb(18,167,190)
```
#be12a7
```
#be12a7 rgb(190,18,167)
```
#be2912
```
#be2912 rgb(190,41,18)
```

Tetradic Color

#0b6a78
```
#0b6a78 rgb(11,106,120)
```
#0e7e8f
```
#0e7e8f rgb(14,126,143)
```
#1093a7
```
#1093a7 rgb(16,147,167)
```
#12a7be
```
#12a7be rgb(18,167,190)
```
#14bbd5
```
#14bbd5 rgb(20,187,213)
```
#1acee9
```
#1acee9 rgb(26,206,233)
```
#31d3eb
```
#31d3eb rgb(49,211,235)
```

Monochromatic Color

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

#12beaa
```
#12beaa rgb(18,190,170)
```
#12beb8
```
#12beb8 rgb(18,190,184)
```
#12b5be
```
#12b5be rgb(18,181,190)
```
#12a7be
```
#12a7be rgb(18,167,190)
```
#1299be
```
#1299be rgb(18,153,190)
```
#128abe
```
#128abe rgb(18,138,190)
```
#127cbe
```
#127cbe rgb(18,124,190)
```

Similar Colors

Text with hexadecimal color #12a7be

This text has a font color of #12a7be.

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

#12a7be background color

This paragraph has a background color of #12a7be.

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

#12a7be border color

This element has a border color of #12a7be.

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

CSS codes

.text {color:#12a7be;}

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

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

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

#010a0b
```
#010a0b rgb(1,10,11)
```
#03191d
```
#03191d rgb(3,25,29)
```
#04292f
```
#04292f rgb(4,41,47)
```
#063941
```
#063941 rgb(6,57,65)
```
#084952
```
#084952 rgb(8,73,82)
```
#0a5864
```
#0a5864 rgb(10,88,100)
```
#0b6876
```
#0b6876 rgb(11,104,118)
```
#0d7888
```
#0d7888 rgb(13,120,136)
```
#0f889a
```
#0f889a rgb(15,136,154)
```
#1097ac
```
#1097ac rgb(16,151,172)
```
#12a7be
```
#12a7be rgb(18,167,190)
```
#14b7d0
```
#14b7d0 rgb(20,183,208)
```
#15c6e2
```
#15c6e2 rgb(21,198,226)
```

Shade Color Variation

#21cfea
```
#21cfea rgb(33,207,234)
```
#33d3ec
```
#33d3ec rgb(51,211,236)
```
#45d7ed
```
#45d7ed rgb(69,215,237)
```
#57dbef
```
#57dbef rgb(87,219,239)
```
#69dff1
```
#69dff1 rgb(105,223,241)
```
#7ae2f2
```
#7ae2f2 rgb(122,226,242)
```
#8ce6f4
```
#8ce6f4 rgb(140,230,244)
```
#9eeaf6
```
#9eeaf6 rgb(158,234,246)
```
#b0eef8
```
#b0eef8 rgb(176,238,248)
```
#c2f2f9
```
#c2f2f9 rgb(194,242,249)
```
#d4f6fb
```
#d4f6fb rgb(212,246,251)
```
#e6fafd
```
#e6fafd rgb(230,250,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 #02b3ce is the most saturated one.

#626c6e
```
#626c6e rgb(98,108,110)
```
#5a7276
```
#5a7276 rgb(90,114,118)
```
#52787e
```
#52787e rgb(82,120,126)
```
#4a7e86
```
#4a7e86 rgb(74,126,134)
```
#42848e
```
#42848e rgb(66,132,142)
```
#3a8a96
```
#3a8a96 rgb(58,138,150)
```
#32909e
```
#32909e rgb(50,144,158)
```
#2a95a6
```
#2a95a6 rgb(42,149,166)
```
#229bae
```
#229bae rgb(34,155,174)
```
#1aa1b6
```
#1aa1b6 rgb(26,161,182)
```
#12a7be
```
#12a7be rgb(18,167,190)
```
#0aadc6
```
#0aadc6 rgb(10,173,198)
```
#02b3ce
```
#02b3ce rgb(2,179,206)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#68858a Atypical Achromatopsia 0.001% of the population

Dichromacy

#979cb7 Protanopia 1% of men
#949bc7 Deuteranopia 1% of men
#00acb9 Tritanopia 0.001% of the population

Trichromacy

#67a0ba Protanomaly 1% of men, 0.01% of women
#649fc4 Deuteranomaly 6% of men, 0.4% of women
#06aabb Tritanomaly 0.01% of the population

#12a7be hex color

#12a7be Color Information

#12a7be Color Conversion

Color Schemes with #12a7be

Alternatives to #12a7be

#12a7be Preview

Shades and Tints of #12a7be

Tones of #12a7be

Color Blindness Simulator