#12bac3 hex color

In a RGB color space, hex #12bac3 is composed of 7.1% red, 72.9% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 90.8% cyan, 4.6% magenta, 0% yellow and 23.5% black. It has a hue angle of 183.1 degrees, a saturation of 83.1% and a lightness of 41.8%. #12bac3 color hex could be obtained by blending #24ffff with #007587. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 73
- B 76
RGB color chart
- C 91
- M 5
- Y 0
- K 24
CMYK color chart

● #12bac3 color description : Strong cyan.

The hexadecimal color #12bac3 has RGB values of R:18, G:186, B:195 and CMYK values of C:0.91, M:0.05, Y:0, K:0.24. Its decimal value is 1227459.

Hex triplet	12bac3	`#12bac3`
RGB Decimal	18, 186, 195	`rgb(18,186,195)`
RGB Percent	7.1, 72.9, 76.5	`rgb(7.1%,72.9%,76.5%)`
CMYK	91, 5, 0, 24
HSL	183.1°, 83.1, 41.8	`hsl(183.1,83.1%,41.8%)`
HSV (or HSB)	183.1°, 90.8, 76.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.884, -34.557, -15.524
XYZ	27.656, 39.184, 57.732
xyY	0.222, 0.315, 39.184
CIE-LCH	68.884, 37.883, 204.192
CIE-LUV	68.884, -51.548, -18.941
Hunter-Lab	62.597, -30.682, -10.865
Binary	00010010, 10111010, 11000011

#12bac3
```
#12bac3 rgb(18,186,195)
```
#c31b12
```
#c31b12 rgb(195,27,18)
```

Complementary Color

#12c374
```
#12c374 rgb(18,195,116)
```
#12bac3
```
#12bac3 rgb(18,186,195)
```
#1262c3
```
#1262c3 rgb(18,98,195)
```

Analogous Color

#c37412
```
#c37412 rgb(195,116,18)
```
#12bac3
```
#12bac3 rgb(18,186,195)
```
#c31261
```
#c31261 rgb(195,18,97)
```

Split Complementary Color

#bac312
```
#bac312 rgb(186,195,18)
```
#12bac3
```
#12bac3 rgb(18,186,195)
```
#c312ba
```
#c312ba rgb(195,18,186)
```

Triadic Color

#12c31b
```
#12c31b rgb(18,195,27)
```
#12bac3
```
#12bac3 rgb(18,186,195)
```
#c312ba
```
#c312ba rgb(195,18,186)
```
#c31b12
```
#c31b12 rgb(195,27,18)
```

Tetradic Color

#0c777d
```
#0c777d rgb(12,119,125)
```
#0e8d94
```
#0e8d94 rgb(14,141,148)
```
#10a4ac
```
#10a4ac rgb(16,164,172)
```
#12bac3
```
#12bac3 rgb(18,186,195)
```
#14d0da
```
#14d0da rgb(20,208,218)
```
#1ee0ea
```
#1ee0ea rgb(30,224,234)
```
#35e3ec
```
#35e3ec rgb(53,227,236)
```

Monochromatic Color

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

#12c3a0
```
#12c3a0 rgb(18,195,160)
```
#12c3af
```
#12c3af rgb(18,195,175)
```
#12c3bd
```
#12c3bd rgb(18,195,189)
```
#12bac3
```
#12bac3 rgb(18,186,195)
```
#12abc3
```
#12abc3 rgb(18,171,195)
```
#129dc3
```
#129dc3 rgb(18,157,195)
```
#128ec3
```
#128ec3 rgb(18,142,195)
```

Similar Colors

Text with hexadecimal color #12bac3

This text has a font color of #12bac3.

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

#12bac3 background color

This paragraph has a background color of #12bac3.

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

#12bac3 border color

This element has a border color of #12bac3.

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

CSS codes

.text {color:#12bac3;}

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

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

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

#010f0f
```
#010f0f rgb(1,15,15)
```
#032021
```
#032021 rgb(3,32,33)
```
#053133
```
#053133 rgb(5,49,51)
```
#064245
```
#064245 rgb(6,66,69)
```
#085357
```
#085357 rgb(8,83,87)
```
#0a6469
```
#0a6469 rgb(10,100,105)
```
#0b757b
```
#0b757b rgb(11,117,123)
```
#0d878d
```
#0d878d rgb(13,135,141)
```
#0f989f
```
#0f989f rgb(15,152,159)
```
#10a9b1
```
#10a9b1 rgb(16,169,177)
```
#12bac3
```
#12bac3 rgb(18,186,195)
```
#14cbd5
```
#14cbd5 rgb(20,203,213)
```
#15dce7
```
#15dce7 rgb(21,220,231)
```

Shade Color Variation

#25e1eb
```
#25e1eb rgb(37,225,235)
```
#37e3ed
```
#37e3ed rgb(55,227,237)
```
#49e6ee
```
#49e6ee rgb(73,230,238)
```
#5be8f0
```
#5be8f0 rgb(91,232,240)
```
#6debf2
```
#6debf2 rgb(109,235,242)
```
#7fedf3
```
#7fedf3 rgb(127,237,243)
```
#91f0f5
```
#91f0f5 rgb(145,240,245)
```
#a3f2f6
```
#a3f2f6 rgb(163,242,246)
```
#b5f5f8
```
#b5f5f8 rgb(181,245,248)
```
#c7f7fa
```
#c7f7fa rgb(199,247,250)
```
#d9fafb
```
#d9fafb rgb(217,250,251)
```
#ebfcfd
```
#ebfcfd rgb(235,252,253)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#647071
```
#647071 rgb(100,112,113)
```
#5c7879
```
#5c7879 rgb(92,120,121)
```
#547f81
```
#547f81 rgb(84,127,129)
```
#4b868a
```
#4b868a rgb(75,134,138)
```
#438e92
```
#438e92 rgb(67,142,146)
```
#3b959a
```
#3b959a rgb(59,149,154)
```
#339da2
```
#339da2 rgb(51,157,162)
```
#2ba4aa
```
#2ba4aa rgb(43,164,170)
```
#22abb3
```
#22abb3 rgb(34,171,179)
```
#1ab3bb
```
#1ab3bb rgb(26,179,187)
```
#12bac3
```
#12bac3 rgb(18,186,195)
```
#0ac1cb
```
#0ac1cb rgb(10,193,203)
```
#02c9d3
```
#02c9d3 rgb(2,201,211)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#719395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaabbb Protanopia 1% of men
#aba9cd Deuteranopia 1% of men
#27bcca Tritanopia 0.001% of the population

Trichromacy

#73b0be Protanomaly 1% of men, 0.01% of women
#73afc9 Deuteranomaly 6% of men, 0.4% of women
#1fbbc7 Tritanomaly 0.01% of the population

#12bac3 hex color

#12bac3 Color Information

#12bac3 Color Conversion

Color Schemes with #12bac3

Alternatives to #12bac3

#12bac3 Preview

Shades and Tints of #12bac3

Tones of #12bac3

Color Blindness Simulator