#12baaf hex color

In a RGB color space, hex #12baaf is composed of 7.1% red, 72.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 0% magenta, 5.9% yellow and 27.1% black. It has a hue angle of 176.1 degrees, a saturation of 82.4% and a lightness of 40%. #12baaf color hex could be obtained by blending #24ffff with #00755f. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 73
- B 69
RGB color chart
- C 90
- M 0
- Y 6
- K 27
CMYK color chart

● #12baaf color description : Strong cyan.

The hexadecimal color #12baaf has RGB values of R:18, G:186, B:175 and CMYK values of C:0.9, M:0, Y:0.06, K:0.27. Its decimal value is 1227439.

Hex triplet	12baaf	`#12baaf`
RGB Decimal	18, 186, 175	`rgb(18,186,175)`
RGB Percent	7.1, 72.9, 68.6	`rgb(7.1%,72.9%,68.6%)`
CMYK	90, 0, 6, 27
HSL	176.1°, 82.4, 40	`hsl(176.1,82.4%,40%)`
HSV (or HSB)	176.1°, 90.3, 72.9
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.27, -40.566, -5.437
XYZ	25.544, 38.339, 46.609
xyY	0.231, 0.347, 38.339
CIE-LCH	68.27, 40.929, 187.634
CIE-LUV	68.27, -53.118, -2.075
Hunter-Lab	61.918, -34.719, -1.288
Binary	00010010, 10111010, 10101111

#12baaf
```
#12baaf rgb(18,186,175)
```
#ba121d
```
#ba121d rgb(186,18,29)
```

Complementary Color

#12ba5b
```
#12ba5b rgb(18,186,91)
```
#12baaf
```
#12baaf rgb(18,186,175)
```
#1271ba
```
#1271ba rgb(18,113,186)
```

Analogous Color

#ba5b12
```
#ba5b12 rgb(186,91,18)
```
#12baaf
```
#12baaf rgb(18,186,175)
```
#ba1271
```
#ba1271 rgb(186,18,113)
```

Split Complementary Color

#baaf12
```
#baaf12 rgb(186,175,18)
```
#12baaf
```
#12baaf rgb(18,186,175)
```
#af12ba
```
#af12ba rgb(175,18,186)
```

Triadic Color

#1dba12
```
#1dba12 rgb(29,186,18)
```
#12baaf
```
#12baaf rgb(18,186,175)
```
#af12ba
```
#af12ba rgb(175,18,186)
```
#ba121d
```
#ba121d rgb(186,18,29)
```

Tetradic Color

#0b746d
```
#0b746d rgb(11,116,109)
```
#0e8c83
```
#0e8c83 rgb(14,140,131)
```
#10a399
```
#10a399 rgb(16,163,153)
```
#12baaf
```
#12baaf rgb(18,186,175)
```
#14d1c5
```
#14d1c5 rgb(20,209,197)
```
#17e9db
```
#17e9db rgb(23,233,219)
```
#2eebde
```
#2eebde rgb(46,235,222)
```

Monochromatic Color

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

#12ba85
```
#12ba85 rgb(18,186,133)
```
#12ba93
```
#12ba93 rgb(18,186,147)
```
#12baa1
```
#12baa1 rgb(18,186,161)
```
#12baaf
```
#12baaf rgb(18,186,175)
```
#12b7ba
```
#12b7ba rgb(18,183,186)
```
#12a9ba
```
#12a9ba rgb(18,169,186)
```
#129bba
```
#129bba rgb(18,155,186)
```

Similar Colors

Text with hexadecimal color #12baaf

This text has a font color of #12baaf.

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

#12baaf background color

This paragraph has a background color of #12baaf.

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

#12baaf border color

This element has a border color of #12baaf.

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

CSS codes

.text {color:#12baaf;}

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

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

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, #010707 is the darkest color, while #f4fefd is the lightest one.

#010707
```
#010707 rgb(1,7,7)
```
#021918
```
#021918 rgb(2,25,24)
```
#042b28
```
#042b28 rgb(4,43,40)
```
#063d39
```
#063d39 rgb(6,61,57)
```
#084f4a
```
#084f4a rgb(8,79,74)
```
#09615b
```
#09615b rgb(9,97,91)
```
#0b726c
```
#0b726c rgb(11,114,108)
```
#0d847d
```
#0d847d rgb(13,132,125)
```
#0f968d
```
#0f968d rgb(15,150,141)
```
#10a89e
```
#10a89e rgb(16,168,158)
```
#12baaf
```
#12baaf rgb(18,186,175)
```
#14ccc0
```
#14ccc0 rgb(20,204,192)
```
#15ded1
```
#15ded1 rgb(21,222,209)
```

Shade Color Variation

#1ee9dc
```
#1ee9dc rgb(30,233,220)
```
#30ebdf
```
#30ebdf rgb(48,235,223)
```
#41ede1
```
#41ede1 rgb(65,237,225)
```
#53eee4
```
#53eee4 rgb(83,238,228)
```
#65f0e7
```
#65f0e7 rgb(101,240,231)
```
#77f2ea
```
#77f2ea rgb(119,242,234)
```
#89f4ed
```
#89f4ed rgb(137,244,237)
```
#9bf5ef
```
#9bf5ef rgb(155,245,239)
```
#adf7f2
```
#adf7f2 rgb(173,247,242)
```
#bff9f5
```
#bff9f5 rgb(191,249,245)
```
#d1fbf8
```
#d1fbf8 rgb(209,251,248)
```
#e2fcfb
```
#e2fcfb rgb(226,252,251)
```
#f4fefd
```
#f4fefd rgb(244,254,253)
```

Tint Color Variation

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

#606c6b
```
#606c6b rgb(96,108,107)
```
#597372
```
#597372 rgb(89,115,114)
```
#517b78
```
#517b78 rgb(81,123,120)
```
#49837f
```
#49837f rgb(73,131,127)
```
#418b86
```
#418b86 rgb(65,139,134)
```
#39938d
```
#39938d rgb(57,147,141)
```
#319b94
```
#319b94 rgb(49,155,148)
```
#2aa29b
```
#2aa29b rgb(42,162,155)
```
#22aaa1
```
#22aaa1 rgb(34,170,161)
```
#1ab2a8
```
#1ab2a8 rgb(26,178,168)
```
#12baaf
```
#12baaf rgb(18,186,175)
```
#0ac2b6
```
#0ac2b6 rgb(10,194,182)
```
#02cabd
```
#02cabd rgb(2,202,189)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#70918f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeaaa8 Protanopia 1% of men
#b2a6bb Deuteranopia 1% of men
#3abac8 Tritanopia 0.001% of the population

Trichromacy

#75afab Protanomaly 1% of men, 0.01% of women
#78adb6 Deuteranomaly 6% of men, 0.4% of women
#2bbabe Tritanomaly 0.01% of the population

#12baaf hex color

#12baaf Color Information

#12baaf Color Conversion

Color Schemes with #12baaf

Alternatives to #12baaf

#12baaf Preview

Shades and Tints of #12baaf

Tones of #12baaf

Color Blindness Simulator