colorhexa.com

#12dfbd hex color

In a RGB color space, hex #12dfbd is composed of 7.1% red, 87.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 0% magenta, 15.2% yellow and 12.5% black. It has a hue angle of 170 degrees, a saturation of 85.1% and a lightness of 47.3%. #12dfbd color hex could be obtained by blending #24ffff with #00bf7b. Closest websafe color is: #00cccc.

- R 7
- G 87
- B 74
RGB color chart
- C 92
- M 0
- Y 15
- K 13
CMYK color chart

● #12dfbd color description : Vivid cyan.

The hexadecimal color #12dfbd has RGB values of R:18, G:223, B:189 and CMYK values of C:0.92, M:0, Y:0.15, K:0.13. Its decimal value is 1236925.

Hex triplet	12dfbd	`#12dfbd`
RGB Decimal	18, 223, 189	`rgb(18,223,189)`
RGB Percent	7.1, 87.5, 74.1	`rgb(7.1%,87.5%,74.1%)`
CMYK	92, 0, 15, 13
HSL	170°, 85.1, 47.3	`hsl(170,85.1%,47.3%)`
HSV (or HSB)	170°, 91.9, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	79.94, -52.376, 4.061
XYZ	35.819, 56.574, 57.173
xyY	0.239, 0.378, 56.574
CIE-LCH	79.94, 52.533, 175.567
CIE-LUV	79.94, -64.593, 14.395
Hunter-Lab	75.216, -46.623, 7.583
Binary	00010010, 11011111, 10111101

#12dfbd
```
#12dfbd rgb(18,223,189)
```
#df1234
```
#df1234 rgb(223,18,52)
```

Complementary Color

#12df57
```
#12df57 rgb(18,223,87)
```
#12dfbd
```
#12dfbd rgb(18,223,189)
```
#129bdf
```
#129bdf rgb(18,155,223)
```

Analogous Color

#df5712
```
#df5712 rgb(223,87,18)
```
#12dfbd
```
#12dfbd rgb(18,223,189)
```
#df129b
```
#df129b rgb(223,18,155)
```

Split Complementary Color

#dfbd12
```
#dfbd12 rgb(223,189,18)
```
#12dfbd
```
#12dfbd rgb(18,223,189)
```
#bd12df
```
#bd12df rgb(189,18,223)
```

Triadic Color

#34df12
```
#34df12 rgb(52,223,18)
```
#12dfbd
```
#12dfbd rgb(18,223,189)
```
#bd12df
```
#bd12df rgb(189,18,223)
```
#df1234
```
#df1234 rgb(223,18,52)
```

Tetradic Color

#0c9881
```
#0c9881 rgb(12,152,129)
```
#0eb095
```
#0eb095 rgb(14,176,149)
```
#10c7a9
```
#10c7a9 rgb(16,199,169)
```
#12dfbd
```
#12dfbd rgb(18,223,189)
```
#1eedca
```
#1eedca rgb(30,237,202)
```
#35efd0
```
#35efd0 rgb(53,239,208)
```
#4df1d5
```
#4df1d5 rgb(77,241,213)
```

Monochromatic Color

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

#12df8a
```
#12df8a rgb(18,223,138)
```
#12df9b
```
#12df9b rgb(18,223,155)
```
#12dfac
```
#12dfac rgb(18,223,172)
```
#12dfbd
```
#12dfbd rgb(18,223,189)
```
#12dfce
```
#12dfce rgb(18,223,206)
```
#12dfdf
```
#12dfdf rgb(18,223,223)
```
#12cedf
```
#12cedf rgb(18,206,223)
```

Similar Colors

Text with hexadecimal color #12dfbd

This text has a font color of #12dfbd.

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

#12dfbd background color

This paragraph has a background color of #12dfbd.

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

#12dfbd border color

This element has a border color of #12dfbd.

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

CSS codes

.text {color:#12dfbd;}

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

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

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

#000504
```
#000504 rgb(0,5,4)
```
#021714
```
#021714 rgb(2,23,20)
```
#032923
```
#032923 rgb(3,41,35)
```
#053c33
```
#053c33 rgb(5,60,51)
```
#064e42
```
#064e42 rgb(6,78,66)
```
#086051
```
#086051 rgb(8,96,81)
```
#097261
```
#097261 rgb(9,114,97)
```
#0b8470
```
#0b8470 rgb(11,132,112)
```
#0c967f
```
#0c967f rgb(12,150,127)
```
#0ea98f
```
#0ea98f rgb(14,169,143)
```
#0fbb9e
```
#0fbb9e rgb(15,187,158)
```
#11cdae
```
#11cdae rgb(17,205,174)
```
#12dfbd
```
#12dfbd rgb(18,223,189)
```

Shade Color Variation

#18ecc9
```
#18ecc9 rgb(24,236,201)
```
#2aeecd
```
#2aeecd rgb(42,238,205)
```
#3defd2
```
#3defd2 rgb(61,239,210)
```
#4ff1d6
```
#4ff1d6 rgb(79,241,214)
```
#61f2da
```
#61f2da rgb(97,242,218)
```
#73f4de
```
#73f4de rgb(115,244,222)
```
#85f5e3
```
#85f5e3 rgb(133,245,227)
```
#97f7e7
```
#97f7e7 rgb(151,247,231)
```
#a9f8eb
```
#a9f8eb rgb(169,248,235)
```
#bcfaef
```
#bcfaef rgb(188,250,239)
```
#cefbf4
```
#cefbf4 rgb(206,251,244)
```
#e0fcf8
```
#e0fcf8 rgb(224,252,248)
```
#f2fefc
```
#f2fefc rgb(242,254,252)
```

Tint Color Variation

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

#787979
```
#787979 rgb(120,121,121)
```
#6f827f
```
#6f827f rgb(111,130,127)
```
#658c85
```
#658c85 rgb(101,140,133)
```
#5c958b
```
#5c958b rgb(92,149,139)
```
#539e92
```
#539e92 rgb(83,158,146)
```
#4aa798
```
#4aa798 rgb(74,167,152)
```
#40b19e
```
#40b19e rgb(64,177,158)
```
#37baa4
```
#37baa4 rgb(55,186,164)
```
#2ec3aa
```
#2ec3aa rgb(46,195,170)
```
#25ccb1
```
#25ccb1 rgb(37,204,177)
```
#1bd6b7
```
#1bd6b7 rgb(27,214,183)
```
#12dfbd
```
#12dfbd rgb(18,223,189)
```
#09e8c3
```
#09e8c3 rgb(9,232,195)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#82aba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c8b4 Protanopia 1% of men
#dac3ca Deuteranopia 1% of men
#4fdaea Tritanopia 0.001% of the population

Trichromacy

#8bd0b7 Protanomaly 1% of men, 0.01% of women
#91cdc5 Deuteranomaly 6% of men, 0.4% of women
#38dcd9 Tritanomaly 0.01% of the population