colorhexa.com

#12d7bd hex color

In a RGB color space, hex #12d7bd is composed of 7.1% red, 84.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 91.6% cyan, 0% magenta, 12.1% yellow and 15.7% black. It has a hue angle of 172.1 degrees, a saturation of 84.5% and a lightness of 45.7%. #12d7bd color hex could be obtained by blending #24ffff with #00af7b. Closest websafe color is: #00cccc.

- R 7
- G 84
- B 74
RGB color chart
- C 92
- M 0
- Y 12
- K 16
CMYK color chart

● #12d7bd color description : Strong cyan.

The hexadecimal color #12d7bd has RGB values of R:18, G:215, B:189 and CMYK values of C:0.92, M:0, Y:0.12, K:0.16. Its decimal value is 1234877.

Hex triplet	12d7bd	`#12d7bd`
RGB Decimal	18, 215, 189	`rgb(18,215,189)`
RGB Percent	7.1, 84.3, 74.1	`rgb(7.1%,84.3%,74.1%)`
CMYK	92, 0, 12, 16
HSL	172.1°, 84.5, 45.7	`hsl(172.1,84.5%,45.7%)`
HSV (or HSB)	172.1°, 91.6, 84.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	77.519, -49.1, 0.545
XYZ	33.732, 52.4, 56.478
xyY	0.237, 0.367, 52.4
CIE-LCH	77.519, 49.103, 179.364
CIE-LUV	77.519, -61.91, 8.495
Hunter-Lab	72.388, -43.5, 4.413
Binary	00010010, 11010111, 10111101

#12d7bd
```
#12d7bd rgb(18,215,189)
```
#d7122c
```
#d7122c rgb(215,18,44)
```

Complementary Color

#12d75b
```
#12d75b rgb(18,215,91)
```
#12d7bd
```
#12d7bd rgb(18,215,189)
```
#128fd7
```
#128fd7 rgb(18,143,215)
```

Analogous Color

#d75b12
```
#d75b12 rgb(215,91,18)
```
#12d7bd
```
#12d7bd rgb(18,215,189)
```
#d7128f
```
#d7128f rgb(215,18,143)
```

Split Complementary Color

#d7bd12
```
#d7bd12 rgb(215,189,18)
```
#12d7bd
```
#12d7bd rgb(18,215,189)
```
#bd12d7
```
#bd12d7 rgb(189,18,215)
```

Triadic Color

#2cd712
```
#2cd712 rgb(44,215,18)
```
#12d7bd
```
#12d7bd rgb(18,215,189)
```
#bd12d7
```
#bd12d7 rgb(189,18,215)
```
#d7122c
```
#d7122c rgb(215,18,44)
```

Tetradic Color

#0c907f
```
#0c907f rgb(12,144,127)
```
#0ea894
```
#0ea894 rgb(14,168,148)
```
#10bfa8
```
#10bfa8 rgb(16,191,168)
```
#12d7bd
```
#12d7bd rgb(18,215,189)
```
#17ecd0
```
#17ecd0 rgb(23,236,208)
```
#2eeed4
```
#2eeed4 rgb(46,238,212)
```
#46f0d9
```
#46f0d9 rgb(70,240,217)
```

Monochromatic Color

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

#12d78c
```
#12d78c rgb(18,215,140)
```
#12d79c
```
#12d79c rgb(18,215,156)
```
#12d7ad
```
#12d7ad rgb(18,215,173)
```
#12d7bd
```
#12d7bd rgb(18,215,189)
```
#12d7cd
```
#12d7cd rgb(18,215,205)
```
#12d0d7
```
#12d0d7 rgb(18,208,215)
```
#12c0d7
```
#12c0d7 rgb(18,192,215)
```

Similar Colors

Text with hexadecimal color #12d7bd

This text has a font color of #12d7bd.

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

#12d7bd background color

This paragraph has a background color of #12d7bd.

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

#12d7bd border color

This element has a border color of #12d7bd.

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

CSS codes

.text {color:#12d7bd;}

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

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

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, #01100e is the darkest color, while #fdffff is the lightest one.

#01100e
```
#01100e rgb(1,16,14)
```
#03221e
```
#03221e rgb(3,34,30)
```
#04342e
```
#04342e rgb(4,52,46)
```
#06463e
```
#06463e rgb(6,70,62)
```
#07584e
```
#07584e rgb(7,88,78)
```
#096a5e
```
#096a5e rgb(9,106,94)
```
#0a7c6d
```
#0a7c6d rgb(10,124,109)
```
#0c8f7d
```
#0c8f7d rgb(12,143,125)
```
#0da18d
```
#0da18d rgb(13,161,141)
```
#0fb39d
```
#0fb39d rgb(15,179,157)
```
#10c5ad
```
#10c5ad rgb(16,197,173)
```
#12d7bd
```
#12d7bd rgb(18,215,189)
```
#14e9cd
```
#14e9cd rgb(20,233,205)
```

Shade Color Variation

#24edd2
```
#24edd2 rgb(36,237,210)
```
#36eed6
```
#36eed6 rgb(54,238,214)
```
#48f0da
```
#48f0da rgb(72,240,218)
```
#5af1dd
```
#5af1dd rgb(90,241,221)
```
#6cf3e1
```
#6cf3e1 rgb(108,243,225)
```
#7ef4e5
```
#7ef4e5 rgb(126,244,229)
```
#90f6e8
```
#90f6e8 rgb(144,246,232)
```
#a2f7ec
```
#a2f7ec rgb(162,247,236)
```
#b4f9f0
```
#b4f9f0 rgb(180,249,240)
```
#c6faf3
```
#c6faf3 rgb(198,250,243)
```
#d9fcf7
```
#d9fcf7 rgb(217,252,247)
```
#ebfdfb
```
#ebfdfb rgb(235,253,251)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7d7b is the less saturated color, while #00e9ca is the most saturated one.

#6c7d7b
```
#6c7d7b rgb(108,125,123)
```
#638682
```
#638682 rgb(99,134,130)
```
#5a8f88
```
#5a8f88 rgb(90,143,136)
```
#51988f
```
#51988f rgb(81,152,143)
```
#48a195
```
#48a195 rgb(72,161,149)
```
#3faa9c
```
#3faa9c rgb(63,170,156)
```
#36b3a3
```
#36b3a3 rgb(54,179,163)
```
#2dbca9
```
#2dbca9 rgb(45,188,169)
```
#24c5b0
```
#24c5b0 rgb(36,197,176)
```
#1bceb6
```
#1bceb6 rgb(27,206,182)
```
#12d7bd
```
#12d7bd rgb(18,215,189)
```
#09e0c4
```
#09e0c4 rgb(9,224,196)
```
#00e9ca
```
#00e9ca rgb(0,233,202)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#7ea5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c2b4 Protanopia 1% of men
#d1bdca Deuteranopia 1% of men
#49d3e3 Tritanopia 0.001% of the population

Trichromacy

#86c9b7 Protanomaly 1% of men, 0.01% of women
#8bc6c5 Deuteranomaly 6% of men, 0.4% of women
#35d5d5 Tritanomaly 0.01% of the population