#12cfd9 hex color

In a RGB color space, hex #12cfd9 is composed of 7.1% red, 81.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 4.6% magenta, 0% yellow and 14.9% black. It has a hue angle of 183 degrees, a saturation of 84.7% and a lightness of 46.1%. #12cfd9 color hex could be obtained by blending #24ffff with #009fb3. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 81
- B 85
RGB color chart
- C 92
- M 5
- Y 0
- K 15
CMYK color chart

● #12cfd9 color description : Vivid cyan.

The hexadecimal color #12cfd9 has RGB values of R:18, G:207, B:217 and CMYK values of C:0.92, M:0.05, Y:0, K:0.15. Its decimal value is 1232857.

Hex triplet	12cfd9	`#12cfd9`
RGB Decimal	18, 207, 217	`rgb(18,207,217)`
RGB Percent	7.1, 81.2, 85.1	`rgb(7.1%,81.2%,85.1%)`
CMYK	92, 5, 0, 15
HSL	183°, 84.7, 46.1	`hsl(183,84.7%,46.1%)`
HSV (or HSB)	183°, 91.7, 85.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.922, -37.55, -16.876
XYZ	35.083, 49.76, 73.397
xyY	0.222, 0.314, 49.76
CIE-LCH	75.922, 41.169, 204.201
CIE-LUV	75.922, -56.992, -20.968
Hunter-Lab	70.541, -34.672, -12.312
Binary	00010010, 11001111, 11011001

#12cfd9
```
#12cfd9 rgb(18,207,217)
```
#d91c12
```
#d91c12 rgb(217,28,18)
```

Complementary Color

#12d980
```
#12d980 rgb(18,217,128)
```
#12cfd9
```
#12cfd9 rgb(18,207,217)
```
#126cd9
```
#126cd9 rgb(18,108,217)
```

Analogous Color

#d98012
```
#d98012 rgb(217,128,18)
```
#12cfd9
```
#12cfd9 rgb(18,207,217)
```
#d9126c
```
#d9126c rgb(217,18,108)
```

Split Complementary Color

#cfd912
```
#cfd912 rgb(207,217,18)
```
#12cfd9
```
#12cfd9 rgb(18,207,217)
```
#d912cf
```
#d912cf rgb(217,18,207)
```

Triadic Color

#12d91c
```
#12d91c rgb(18,217,28)
```
#12cfd9
```
#12cfd9 rgb(18,207,217)
```
#d912cf
```
#d912cf rgb(217,18,207)
```
#d91c12
```
#d91c12 rgb(217,28,18)
```

Tetradic Color

#0c8c92
```
#0c8c92 rgb(12,140,146)
```
#0ea2aa
```
#0ea2aa rgb(14,162,170)
```
#10b9c1
```
#10b9c1 rgb(16,185,193)
```
#12cfd9
```
#12cfd9 rgb(18,207,217)
```
#19e1ec
```
#19e1ec rgb(25,225,236)
```
#30e4ee
```
#30e4ee rgb(48,228,238)
```
#48e7f0
```
#48e7f0 rgb(72,231,240)
```

Monochromatic Color

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

#12d9b1
```
#12d9b1 rgb(18,217,177)
```
#12d9c2
```
#12d9c2 rgb(18,217,194)
```
#12d9d2
```
#12d9d2 rgb(18,217,210)
```
#12cfd9
```
#12cfd9 rgb(18,207,217)
```
#12bed9
```
#12bed9 rgb(18,190,217)
```
#12aed9
```
#12aed9 rgb(18,174,217)
```
#129dd9
```
#129dd9 rgb(18,157,217)
```

Similar Colors

Text with hexadecimal color #12cfd9

This text has a font color of #12cfd9.

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

#12cfd9 background color

This paragraph has a background color of #12cfd9.

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

#12cfd9 border color

This element has a border color of #12cfd9.

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

CSS codes

.text {color:#12cfd9;}

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

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

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

#011112
```
#011112 rgb(1,17,18)
```
#032224
```
#032224 rgb(3,34,36)
```
#043336
```
#043336 rgb(4,51,54)
```
#064548
```
#064548 rgb(6,69,72)
```
#07565a
```
#07565a rgb(7,86,90)
```
#09676c
```
#09676c rgb(9,103,108)
```
#0a797e
```
#0a797e rgb(10,121,126)
```
#0c8a91
```
#0c8a91 rgb(12,138,145)
```
#0d9ba3
```
#0d9ba3 rgb(13,155,163)
```
#0facb5
```
#0facb5 rgb(15,172,181)
```
#10bec7
```
#10bec7 rgb(16,190,199)
```
#12cfd9
```
#12cfd9 rgb(18,207,217)
```
#14e0eb
```
#14e0eb rgb(20,224,235)
```

Shade Color Variation

#25e3ed
```
#25e3ed rgb(37,227,237)
```
#37e5ee
```
#37e5ee rgb(55,229,238)
```
#4ae8f0
```
#4ae8f0 rgb(74,232,240)
```
#5ceaf1
```
#5ceaf1 rgb(92,234,241)
```
#6eecf3
```
#6eecf3 rgb(110,236,243)
```
#80eff4
```
#80eff4 rgb(128,239,244)
```
#92f1f6
```
#92f1f6 rgb(146,241,246)
```
#a4f3f7
```
#a4f3f7 rgb(164,243,247)
```
#b6f6f9
```
#b6f6f9 rgb(182,246,249)
```
#c8f8fa
```
#c8f8fa rgb(200,248,250)
```
#dafafc
```
#dafafc rgb(218,250,252)
```
#edfdfd
```
#edfdfd rgb(237,253,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757676
```
#757676 rgb(117,118,118)
```
#6c7e7f
```
#6c7e7f rgb(108,126,127)
```
#638688
```
#638688 rgb(99,134,136)
```
#5a8e91
```
#5a8e91 rgb(90,142,145)
```
#51969a
```
#51969a rgb(81,150,154)
```
#489ea3
```
#489ea3 rgb(72,158,163)
```
#3fa6ac
```
#3fa6ac rgb(63,166,172)
```
#36aeb5
```
#36aeb5 rgb(54,174,181)
```
#2db7be
```
#2db7be rgb(45,183,190)
```
#24bfc7
```
#24bfc7 rgb(36,191,199)
```
#1bc7d0
```
#1bc7d0 rgb(27,199,208)
```
#12cfd9
```
#12cfd9 rgb(18,207,217)
```
#09d7e2
```
#09d7e2 rgb(9,215,226)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7da3a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbdcf Protanopia 1% of men
#bcbae3 Deuteranopia 1% of men
#29d0df Tritanopia 0.001% of the population

Trichromacy

#7ec3d2 Protanomaly 1% of men, 0.01% of women
#7ec2df Deuteranomaly 6% of men, 0.4% of women
#20d0dd Tritanomaly 0.01% of the population

#12cfd9 hex color

#12cfd9 Color Information

#12cfd9 Color Conversion

Color Schemes with #12cfd9

Alternatives to #12cfd9

#12cfd9 Preview

Shades and Tints of #12cfd9

Tones of #12cfd9

Color Blindness Simulator