#12acbd hex color

In a RGB color space, hex #12acbd is composed of 7.1% red, 67.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 9% magenta, 0% yellow and 25.9% black. It has a hue angle of 186 degrees, a saturation of 82.6% and a lightness of 40.6%. #12acbd color hex could be obtained by blending #24ffff with #00597b. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 67
- B 74
RGB color chart
- C 90
- M 9
- Y 0
- K 26
CMYK color chart

● #12acbd color description : Strong cyan.

The hexadecimal color #12acbd has RGB values of R:18, G:172, B:189 and CMYK values of C:0.9, M:0.09, Y:0, K:0.26. Its decimal value is 1223869.

Hex triplet	12acbd	`#12acbd`
RGB Decimal	18, 172, 189	`rgb(18,172,189)`
RGB Percent	7.1, 67.5, 74.1	`rgb(7.1%,67.5%,74.1%)`
CMYK	90, 9, 0, 26
HSL	186°, 82.6, 40.6	`hsl(186,82.6%,40.6%)`
HSV (or HSB)	186°, 90.5, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.407, -29.746, -18.985
XYZ	24.185, 33.305, 53.295
xyY	0.218, 0.301, 33.305
CIE-LCH	64.407, 35.288, 212.547
CIE-LUV	64.407, -47.171, -25.022
Hunter-Lab	57.711, -26.191, -14.356
Binary	00010010, 10101100, 10111101

#12acbd
```
#12acbd rgb(18,172,189)
```
#bd2312
```
#bd2312 rgb(189,35,18)
```

Complementary Color

#12bd79
```
#12bd79 rgb(18,189,121)
```
#12acbd
```
#12acbd rgb(18,172,189)
```
#1257bd
```
#1257bd rgb(18,87,189)
```

Analogous Color

#bd7912
```
#bd7912 rgb(189,121,18)
```
#12acbd
```
#12acbd rgb(18,172,189)
```
#bd1257
```
#bd1257 rgb(189,18,87)
```

Split Complementary Color

#acbd12
```
#acbd12 rgb(172,189,18)
```
#12acbd
```
#12acbd rgb(18,172,189)
```
#bd12ac
```
#bd12ac rgb(189,18,172)
```

Triadic Color

#12bd23
```
#12bd23 rgb(18,189,35)
```
#12acbd
```
#12acbd rgb(18,172,189)
```
#bd12ac
```
#bd12ac rgb(189,18,172)
```
#bd2312
```
#bd2312 rgb(189,35,18)
```

Tetradic Color

#0b6c77
```
#0b6c77 rgb(11,108,119)
```
#0e828e
```
#0e828e rgb(14,130,142)
```
#1097a6
```
#1097a6 rgb(16,151,166)
```
#12acbd
```
#12acbd rgb(18,172,189)
```
#14c1d4
```
#14c1d4 rgb(20,193,212)
```
#19d4e9
```
#19d4e9 rgb(25,212,233)
```
#30d9eb
```
#30d9eb rgb(48,217,235)
```

Monochromatic Color

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

#12bda3
```
#12bda3 rgb(18,189,163)
```
#12bdb2
```
#12bdb2 rgb(18,189,178)
```
#12babd
```
#12babd rgb(18,186,189)
```
#12acbd
```
#12acbd rgb(18,172,189)
```
#129ebd
```
#129ebd rgb(18,158,189)
```
#1290bd
```
#1290bd rgb(18,144,189)
```
#1281bd
```
#1281bd rgb(18,129,189)
```

Similar Colors

Text with hexadecimal color #12acbd

This text has a font color of #12acbd.

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

#12acbd background color

This paragraph has a background color of #12acbd.

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

#12acbd border color

This element has a border color of #12acbd.

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

CSS codes

.text {color:#12acbd;}

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

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

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

#01090a
```
#01090a rgb(1,9,10)
```
#03191c
```
#03191c rgb(3,25,28)
```
#042a2e
```
#042a2e rgb(4,42,46)
```
#063a40
```
#063a40 rgb(6,58,64)
```
#084a52
```
#084a52 rgb(8,74,82)
```
#095b63
```
#095b63 rgb(9,91,99)
```
#0b6b75
```
#0b6b75 rgb(11,107,117)
```
#0d7b87
```
#0d7b87 rgb(13,123,135)
```
#0f8b99
```
#0f8b99 rgb(15,139,153)
```
#109cab
```
#109cab rgb(16,156,171)
```
#12acbd
```
#12acbd rgb(18,172,189)
```
#14bccf
```
#14bccf rgb(20,188,207)
```
#15cde1
```
#15cde1 rgb(21,205,225)
```

Shade Color Variation

#20d6ea
```
#20d6ea rgb(32,214,234)
```
#32d9eb
```
#32d9eb rgb(50,217,235)
```
#44dced
```
#44dced rgb(68,220,237)
```
#56e0ef
```
#56e0ef rgb(86,224,239)
```
#68e3f1
```
#68e3f1 rgb(104,227,241)
```
#7ae6f2
```
#7ae6f2 rgb(122,230,242)
```
#8ceaf4
```
#8ceaf4 rgb(140,234,244)
```
#9dedf6
```
#9dedf6 rgb(157,237,246)
```
#aff0f7
```
#aff0f7 rgb(175,240,247)
```
#c1f4f9
```
#c1f4f9 rgb(193,244,249)
```
#d3f7fb
```
#d3f7fb rgb(211,247,251)
```
#e5fafd
```
#e5fafd rgb(229,250,253)
```
#f7fefe
```
#f7fefe rgb(247,254,254)
```

Tint Color Variation

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

#626c6d
```
#626c6d rgb(98,108,109)
```
#5a7375
```
#5a7375 rgb(90,115,117)
```
#52797d
```
#52797d rgb(82,121,125)
```
#4a7f85
```
#4a7f85 rgb(74,127,133)
```
#42868d
```
#42868d rgb(66,134,141)
```
#3a8c95
```
#3a8c95 rgb(58,140,149)
```
#32929d
```
#32929d rgb(50,146,157)
```
#2a99a5
```
#2a99a5 rgb(42,153,165)
```
#229fad
```
#229fad rgb(34,159,173)
```
#1aa6b5
```
#1aa6b5 rgb(26,166,181)
```
#12acbd
```
#12acbd rgb(18,172,189)
```
#0ab2c5
```
#0ab2c5 rgb(10,178,197)
```
#02b9cd
```
#02b9cd rgb(2,185,205)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6a898c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da0b6 Protanopia 1% of men
#9b9ec7 Deuteranopia 1% of men
#16b0bd Tritanopia 0.001% of the population

Trichromacy

#6aa4b8 Protanomaly 1% of men, 0.01% of women
#69a3c3 Deuteranomaly 6% of men, 0.4% of women
#15afbd Tritanomaly 0.01% of the population

#12acbd hex color

#12acbd Color Information

#12acbd Color Conversion

Color Schemes with #12acbd

Alternatives to #12acbd

#12acbd Preview

Shades and Tints of #12acbd

Tones of #12acbd

Color Blindness Simulator