#12afb4 hex color

In a RGB color space, hex #12afb4 is composed of 7.1% red, 68.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 2.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 181.9 degrees, a saturation of 81.8% and a lightness of 38.8%. #12afb4 color hex could be obtained by blending #24ffff with #005f69. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 69
- B 71
RGB color chart
- C 90
- M 3
- Y 0
- K 29
CMYK color chart

● #12afb4 color description : Strong cyan.

The hexadecimal color #12afb4 has RGB values of R:18, G:175, B:180 and CMYK values of C:0.9, M:0.03, Y:0, K:0.29. Its decimal value is 1224628.

Hex triplet	12afb4	`#12afb4`
RGB Decimal	18, 175, 180	`rgb(18,175,180)`
RGB Percent	7.1, 68.6, 70.6	`rgb(7.1%,68.6%,70.6%)`
CMYK	90, 3, 0, 29
HSL	181.9°, 81.8, 38.8	`hsl(181.9,81.8%,38.8%)`
HSV (or HSB)	181.9°, 90, 70.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.027, -34.039, -13.04
XYZ	23.815, 34.081, 48.501
xyY	0.224, 0.32, 34.081
CIE-LCH	65.027, 36.451, 200.962
CIE-LUV	65.027, -48.914, -14.891
Hunter-Lab	58.379, -29.347, -8.392
Binary	00010010, 10101111, 10110100

#12afb4
```
#12afb4 rgb(18,175,180)
```
#b41712
```
#b41712 rgb(180,23,18)
```

Complementary Color

#12b468
```
#12b468 rgb(18,180,104)
```
#12afb4
```
#12afb4 rgb(18,175,180)
```
#125eb4
```
#125eb4 rgb(18,94,180)
```

Analogous Color

#b46812
```
#b46812 rgb(180,104,18)
```
#12afb4
```
#12afb4 rgb(18,175,180)
```
#b4125e
```
#b4125e rgb(180,18,94)
```

Split Complementary Color

#afb412
```
#afb412 rgb(175,180,18)
```
#12afb4
```
#12afb4 rgb(18,175,180)
```
#b412af
```
#b412af rgb(180,18,175)
```

Triadic Color

#12b417
```
#12b417 rgb(18,180,23)
```
#12afb4
```
#12afb4 rgb(18,175,180)
```
#b412af
```
#b412af rgb(180,18,175)
```
#b41712
```
#b41712 rgb(180,23,18)
```

Tetradic Color

#0b6b6e
```
#0b6b6e rgb(11,107,110)
```
#0d8286
```
#0d8286 rgb(13,130,134)
```
#10989d
```
#10989d rgb(16,152,157)
```
#12afb4
```
#12afb4 rgb(18,175,180)
```
#14c6cb
```
#14c6cb rgb(20,198,203)
```
#17dce2
```
#17dce2 rgb(23,220,226)
```
#29e4ea
```
#29e4ea rgb(41,228,234)
```

Monochromatic Color

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

#12b491
```
#12b491 rgb(18,180,145)
```
#12b49e
```
#12b49e rgb(18,180,158)
```
#12b4ac
```
#12b4ac rgb(18,180,172)
```
#12afb4
```
#12afb4 rgb(18,175,180)
```
#12a2b4
```
#12a2b4 rgb(18,162,180)
```
#1294b4
```
#1294b4 rgb(18,148,180)
```
#1287b4
```
#1287b4 rgb(18,135,180)
```

Similar Colors

Text with hexadecimal color #12afb4

This text has a font color of #12afb4.

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

#12afb4 background color

This paragraph has a background color of #12afb4.

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

#12afb4 border color

This element has a border color of #12afb4.

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

CSS codes

.text {color:#12afb4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021314
```
#021314 rgb(2,19,20)
```
#042425
```
#042425 rgb(4,36,37)
```
#063637
```
#063637 rgb(6,54,55)
```
#074749
```
#074749 rgb(7,71,73)
```
#09585b
```
#09585b rgb(9,88,91)
```
#0b6a6d
```
#0b6a6d rgb(11,106,109)
```
#0d7b7f
```
#0d7b7f rgb(13,123,127)
```
#0e8c90
```
#0e8c90 rgb(14,140,144)
```
#109ea2
```
#109ea2 rgb(16,158,162)
```
#12afb4
```
#12afb4 rgb(18,175,180)
```
#14c0c6
```
#14c0c6 rgb(20,192,198)
```
#16d2d8
```
#16d2d8 rgb(22,210,216)
```

Shade Color Variation

#19e2e8
```
#19e2e8 rgb(25,226,232)
```
#2be4ea
```
#2be4ea rgb(43,228,234)
```
#3de6ec
```
#3de6ec rgb(61,230,236)
```
#4ee8ed
```
#4ee8ed rgb(78,232,237)
```
#60ebef
```
#60ebef rgb(96,235,239)
```
#72edf1
```
#72edf1 rgb(114,237,241)
```
#84eff3
```
#84eff3 rgb(132,239,243)
```
#96f2f4
```
#96f2f4 rgb(150,242,244)
```
#a8f4f6
```
#a8f4f6 rgb(168,244,246)
```
#b9f6f8
```
#b9f6f8 rgb(185,246,248)
```
#cbf8fa
```
#cbf8fa rgb(203,248,250)
```
#ddfbfc
```
#ddfbfc rgb(221,251,252)
```
#effdfd
```
#effdfd rgb(239,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6868 is the less saturated color, while #03bdc3 is the most saturated one.

#5e6868
```
#5e6868 rgb(94,104,104)
```
#576f6f
```
#576f6f rgb(87,111,111)
```
#4f7677
```
#4f7677 rgb(79,118,119)
```
#477d7f
```
#477d7f rgb(71,125,127)
```
#408486
```
#408486 rgb(64,132,134)
```
#388b8e
```
#388b8e rgb(56,139,142)
```
#309296
```
#309296 rgb(48,146,150)
```
#299a9d
```
#299a9d rgb(41,154,157)
```
#21a1a5
```
#21a1a5 rgb(33,161,165)
```
#1aa8ac
```
#1aa8ac rgb(26,168,172)
```
#12afb4
```
#12afb4 rgb(18,175,180)
```
#0ab6bc
```
#0ab6bc rgb(10,182,188)
```
#03bdc3
```
#03bdc3 rgb(3,189,195)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6b8a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a1ad Protanopia 1% of men
#a39fbf Deuteranopia 1% of men
#2ab1bf Tritanopia 0.001% of the population

Trichromacy

#6da6b0 Protanomaly 1% of men, 0.01% of women
#6ea5bb Deuteranomaly 6% of men, 0.4% of women
#21b0bb Tritanomaly 0.01% of the population

#12afb4 hex color

#12afb4 Color Information

#12afb4 Color Conversion

Color Schemes with #12afb4

Alternatives to #12afb4

#12afb4 Preview

Shades and Tints of #12afb4

Tones of #12afb4

Color Blindness Simulator