colorhexa.com

#12afcd hex color

In a RGB color space, hex #12afcd is composed of 7.1% red, 68.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 14.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 189.6 degrees, a saturation of 83.9% and a lightness of 43.7%. #12afcd color hex could be obtained by blending #24ffff with #005f9b. Closest websafe color is: #0099cc.

- R 7
- G 69
- B 80
RGB color chart
- C 91
- M 15
- Y 0
- K 20
CMYK color chart

● #12afcd color description : Strong cyan.

The hexadecimal color #12afcd has RGB values of R:18, G:175, B:205 and CMYK values of C:0.91, M:0.15, Y:0, K:0.2. Its decimal value is 1224653.

Hex triplet	12afcd	`#12afcd`
RGB Decimal	18, 175, 205	`rgb(18,175,205)`
RGB Percent	7.1, 68.6, 80.4	`rgb(7.1%,68.6%,80.4%)`
CMYK	91, 15, 0, 20
HSL	189.6°, 83.9, 43.7	`hsl(189.6,83.9%,43.7%)`
HSV (or HSB)	189.6°, 91.2, 80.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.899, -25.978, -25.58
XYZ	26.596, 35.194, 63.146
xyY	0.213, 0.282, 35.194
CIE-LCH	65.899, 36.458, 224.557
CIE-LUV	65.899, -46.981, -36.47
Hunter-Lab	59.324, -23.794, -21.582
Binary	00010010, 10101111, 11001101

#12afcd
```
#12afcd rgb(18,175,205)
```
#cd3012
```
#cd3012 rgb(205,48,18)
```

Complementary Color

#12cd8e
```
#12cd8e rgb(18,205,142)
```
#12afcd
```
#12afcd rgb(18,175,205)
```
#1252cd
```
#1252cd rgb(18,82,205)
```

Analogous Color

#cd8e12
```
#cd8e12 rgb(205,142,18)
```
#12afcd
```
#12afcd rgb(18,175,205)
```
#cd1252
```
#cd1252 rgb(205,18,82)
```

Split Complementary Color

#afcd12
```
#afcd12 rgb(175,205,18)
```
#12afcd
```
#12afcd rgb(18,175,205)
```
#cd12af
```
#cd12af rgb(205,18,175)
```

Triadic Color

#12cd30
```
#12cd30 rgb(18,205,48)
```
#12afcd
```
#12afcd rgb(18,175,205)
```
#cd12af
```
#cd12af rgb(205,18,175)
```
#cd3012
```
#cd3012 rgb(205,48,18)
```

Tetradic Color

#0c7387
```
#0c7387 rgb(12,115,135)
```
#0e879e
```
#0e879e rgb(14,135,158)
```
#109bb6
```
#109bb6 rgb(16,155,182)
```
#12afcd
```
#12afcd rgb(18,175,205)
```
#14c3e4
```
#14c3e4 rgb(20,195,228)
```
#26ccec
```
#26ccec rgb(38,204,236)
```
#3dd2ee
```
#3dd2ee rgb(61,210,238)
```

Monochromatic Color

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

#12cdbc
```
#12cdbc rgb(18,205,188)
```
#12cdcc
```
#12cdcc rgb(18,205,204)
```
#12bfcd
```
#12bfcd rgb(18,191,205)
```
#12afcd
```
#12afcd rgb(18,175,205)
```
#129fcd
```
#129fcd rgb(18,159,205)
```
#1290cd
```
#1290cd rgb(18,144,205)
```
#1280cd
```
#1280cd rgb(18,128,205)
```

Similar Colors

Text with hexadecimal color #12afcd

This text has a font color of #12afcd.

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

#12afcd background color

This paragraph has a background color of #12afcd.

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

#12afcd border color

This element has a border color of #12afcd.

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

CSS codes

.text {color:#12afcd;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#021519
```
#021519 rgb(2,21,25)
```
#04242b
```
#04242b rgb(4,36,43)
```
#05343d
```
#05343d rgb(5,52,61)
```
#07434f
```
#07434f rgb(7,67,79)
```
#095361
```
#095361 rgb(9,83,97)
```
#0a6273
```
#0a6273 rgb(10,98,115)
```
#0c7185
```
#0c7185 rgb(12,113,133)
```
#0d8197
```
#0d8197 rgb(13,129,151)
```
#0f90a9
```
#0f90a9 rgb(15,144,169)
```
#10a0bb
```
#10a0bb rgb(16,160,187)
```
#12afcd
```
#12afcd rgb(18,175,205)
```
#14bedf
```
#14bedf rgb(20,190,223)
```

Shade Color Variation

#1bcaeb
```
#1bcaeb rgb(27,202,235)
```
#2dceed
```
#2dceed rgb(45,206,237)
```
#3fd2ee
```
#3fd2ee rgb(63,210,238)
```
#51d6f0
```
#51d6f0 rgb(81,214,240)
```
#63dbf1
```
#63dbf1 rgb(99,219,241)
```
#75dff3
```
#75dff3 rgb(117,223,243)
```
#87e3f5
```
#87e3f5 rgb(135,227,245)
```
#99e7f6
```
#99e7f6 rgb(153,231,246)
```
#abebf8
```
#abebf8 rgb(171,235,248)
```
#bef0f9
```
#bef0f9 rgb(190,240,249)
```
#d0f4fb
```
#d0f4fb rgb(208,244,251)
```
#e2f8fc
```
#e2f8fc rgb(226,248,252)
```
#f4fcfe
```
#f4fcfe rgb(244,252,254)
```

Tint Color Variation

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

#687577
```
#687577 rgb(104,117,119)
```
#5f7b80
```
#5f7b80 rgb(95,123,128)
```
#578088
```
#578088 rgb(87,128,136)
```
#4e8691
```
#4e8691 rgb(78,134,145)
```
#458c9a
```
#458c9a rgb(69,140,154)
```
#3d92a2
```
#3d92a2 rgb(61,146,162)
```
#3498ab
```
#3498ab rgb(52,152,171)
```
#2c9eb3
```
#2c9eb3 rgb(44,158,179)
```
#23a3bc
```
#23a3bc rgb(35,163,188)
```
#1ba9c4
```
#1ba9c4 rgb(27,169,196)
```
#12afcd
```
#12afcd rgb(18,175,205)
```
#09b5d6
```
#09b5d6 rgb(9,181,214)
```
#01bbde
```
#01bbde rgb(1,187,222)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6c8c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca3c5 Protanopia 1% of men
#97a2d6 Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#6aa7c8 Protanomaly 1% of men, 0.01% of women
#67a7d2 Deuteranomaly 6% of men, 0.4% of women
#06b2c6 Tritanomaly 0.01% of the population