#12cddf hex color

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

♥
- f
- t
- g
- R 7
- G 80
- B 87
RGB color chart
- C 92
- M 8
- Y 0
- K 13
CMYK color chart

● #12cddf color description : Vivid cyan.

The hexadecimal color #12cddf has RGB values of R:18, G:205, B:223 and CMYK values of C:0.92, M:0.08, Y:0, K:0.13. Its decimal value is 1232351.

Hex triplet	12cddf	`#12cddf`
RGB Decimal	18, 205, 223	`rgb(18,205,223)`
RGB Percent	7.1, 80.4, 87.5	`rgb(7.1%,80.4%,87.5%)`
CMYK	92, 8, 0, 13
HSL	185.3°, 85.1, 47.3	`hsl(185.3,85.1%,47.3%)`
HSV (or HSB)	185.3°, 91.9, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.523, -34.767, -20.713
XYZ	35.396, 49.115, 77.423
xyY	0.219, 0.303, 49.115
CIE-LCH	75.523, 40.469, 210.785
CIE-LUV	75.523, -55.84, -27.718
Hunter-Lab	70.082, -32.49, -16.442
Binary	00010010, 11001101, 11011111

#12cddf
```
#12cddf rgb(18,205,223)
```
#df2412
```
#df2412 rgb(223,36,18)
```

Complementary Color

#12df8b
```
#12df8b rgb(18,223,139)
```
#12cddf
```
#12cddf rgb(18,205,223)
```
#1267df
```
#1267df rgb(18,103,223)
```

Analogous Color

#df8b12
```
#df8b12 rgb(223,139,18)
```
#12cddf
```
#12cddf rgb(18,205,223)
```
#df1267
```
#df1267 rgb(223,18,103)
```

Split Complementary Color

#cddf12
```
#cddf12 rgb(205,223,18)
```
#12cddf
```
#12cddf rgb(18,205,223)
```
#df12cd
```
#df12cd rgb(223,18,205)
```

Triadic Color

#12df24
```
#12df24 rgb(18,223,36)
```
#12cddf
```
#12cddf rgb(18,205,223)
```
#df12cd
```
#df12cd rgb(223,18,205)
```
#df2412
```
#df2412 rgb(223,36,18)
```

Tetradic Color

#0c8c98
```
#0c8c98 rgb(12,140,152)
```
#0ea2b0
```
#0ea2b0 rgb(14,162,176)
```
#10b7c7
```
#10b7c7 rgb(16,183,199)
```
#12cddf
```
#12cddf rgb(18,205,223)
```
#1edbed
```
#1edbed rgb(30,219,237)
```
#35deef
```
#35deef rgb(53,222,239)
```
#4de2f1
```
#4de2f1 rgb(77,226,241)
```

Monochromatic Color

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

#12dfbe
```
#12dfbe rgb(18,223,190)
```
#12dfcf
```
#12dfcf rgb(18,223,207)
```
#12dedf
```
#12dedf rgb(18,222,223)
```
#12cddf
```
#12cddf rgb(18,205,223)
```
#12bcdf
```
#12bcdf rgb(18,188,223)
```
#12abdf
```
#12abdf rgb(18,171,223)
```
#129adf
```
#129adf rgb(18,154,223)
```

Similar Colors

Text with hexadecimal color #12cddf

This text has a font color of #12cddf.

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

#12cddf background color

This paragraph has a background color of #12cddf.

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

#12cddf border color

This element has a border color of #12cddf.

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

CSS codes

.text {color:#12cddf;}

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

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

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

#000505
```
#000505 rgb(0,5,5)
```
#021517
```
#021517 rgb(2,21,23)
```
#032629
```
#032629 rgb(3,38,41)
```
#05373c
```
#05373c rgb(5,55,60)
```
#06484e
```
#06484e rgb(6,72,78)
```
#085860
```
#085860 rgb(8,88,96)
```
#096972
```
#096972 rgb(9,105,114)
```
#0b7a84
```
#0b7a84 rgb(11,122,132)
```
#0c8a96
```
#0c8a96 rgb(12,138,150)
```
#0e9ba9
```
#0e9ba9 rgb(14,155,169)
```
#0facbb
```
#0facbb rgb(15,172,187)
```
#11bccd
```
#11bccd rgb(17,188,205)
```
#12cddf
```
#12cddf rgb(18,205,223)
```

Shade Color Variation

#18daec
```
#18daec rgb(24,218,236)
```
#2addee
```
#2addee rgb(42,221,238)
```
#3de0ef
```
#3de0ef rgb(61,224,239)
```
#4fe3f1
```
#4fe3f1 rgb(79,227,241)
```
#61e5f2
```
#61e5f2 rgb(97,229,242)
```
#73e8f4
```
#73e8f4 rgb(115,232,244)
```
#85ebf5
```
#85ebf5 rgb(133,235,245)
```
#97eef7
```
#97eef7 rgb(151,238,247)
```
#a9f1f8
```
#a9f1f8 rgb(169,241,248)
```
#bcf4fa
```
#bcf4fa rgb(188,244,250)
```
#cef7fb
```
#cef7fb rgb(206,247,251)
```
#e0fafc
```
#e0fafc rgb(224,250,252)
```
#f2fdfe
```
#f2fdfe rgb(242,253,254)
```

Tint Color Variation

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

#787979
```
#787979 rgb(120,121,121)
```
#6f8182
```
#6f8182 rgb(111,129,130)
```
#65888c
```
#65888c rgb(101,136,140)
```
#5c9095
```
#5c9095 rgb(92,144,149)
```
#53989e
```
#53989e rgb(83,152,158)
```
#4a9fa7
```
#4a9fa7 rgb(74,159,167)
```
#40a7b1
```
#40a7b1 rgb(64,167,177)
```
#37aeba
```
#37aeba rgb(55,174,186)
```
#2eb6c3
```
#2eb6c3 rgb(46,182,195)
```
#25becc
```
#25becc rgb(37,190,204)
```
#1bc5d6
```
#1bc5d6 rgb(27,197,214)
```
#12cddf
```
#12cddf rgb(18,205,223)
```
#09d5e8
```
#09d5e8 rgb(9,213,232)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#7ca2a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bcd4 Protanopia 1% of men
#b7bae8 Deuteranopia 1% of men
#19cfdf Tritanopia 0.001% of the population

Trichromacy

#7cc2d8 Protanomaly 1% of men, 0.01% of women
#7bc1e5 Deuteranomaly 6% of men, 0.4% of women
#16cedf Tritanomaly 0.01% of the population

#12cddf hex color

#12cddf Color Information

#12cddf Color Conversion

Color Schemes with #12cddf

Alternatives to #12cddf

#12cddf Preview

Shades and Tints of #12cddf

Tones of #12cddf

Color Blindness Simulator