#12fbdd hex color

In a RGB color space, hex #12fbdd is composed of 7.1% red, 98.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 92.8% cyan, 0% magenta, 12% yellow and 1.6% black. It has a hue angle of 172.3 degrees, a saturation of 96.7% and a lightness of 52.7%. #12fbdd color hex could be obtained by blending #24ffff with #00f7bb. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 7
- G 98
- B 87
RGB color chart
- C 93
- M 0
- Y 12
- K 2
CMYK color chart

● #12fbdd color description : Vivid cyan.

The hexadecimal color #12fbdd has RGB values of R:18, G:251, B:221 and CMYK values of C:0.93, M:0, Y:0.12, K:0.02. Its decimal value is 1244125.

Hex triplet	12fbdd	`#12fbdd`
RGB Decimal	18, 251, 221	`rgb(18,251,221)`
RGB Percent	7.1, 98.4, 86.7	`rgb(7.1%,98.4%,86.7%)`
CMYK	93, 0, 12, 2
HSL	172.3°, 96.7, 52.7	`hsl(172.3,96.7%,52.7%)`
HSV (or HSB)	172.3°, 92.8, 98.4
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	89.082, -55.341, 0.531
XYZ	47.793, 74.338, 80.232
xyY	0.236, 0.367, 74.338
CIE-LCH	89.082, 55.343, 179.45
CIE-LUV	89.082, -71.377, 9.657
Hunter-Lab	86.22, -51.939, 5.181
Binary	00010010, 11111011, 11011101

#12fbdd
```
#12fbdd rgb(18,251,221)
```
#fb1230
```
#fb1230 rgb(251,18,48)
```

Complementary Color

#12fb69
```
#12fb69 rgb(18,251,105)
```
#12fbdd
```
#12fbdd rgb(18,251,221)
```
#12a5fb
```
#12a5fb rgb(18,165,251)
```

Analogous Color

#fb6912
```
#fb6912 rgb(251,105,18)
```
#12fbdd
```
#12fbdd rgb(18,251,221)
```
#fb12a5
```
#fb12a5 rgb(251,18,165)
```

Split Complementary Color

#fbdd12
```
#fbdd12 rgb(251,221,18)
```
#12fbdd
```
#12fbdd rgb(18,251,221)
```
#dd12fb
```
#dd12fb rgb(221,18,251)
```

Triadic Color

#30fb12
```
#30fb12 rgb(48,251,18)
```
#12fbdd
```
#12fbdd rgb(18,251,221)
```
#dd12fb
```
#dd12fb rgb(221,18,251)
```
#fb1230
```
#fb1230 rgb(251,18,48)
```

Tetradic Color

#03bda5
```
#03bda5 rgb(3,189,165)
```
#04d6bb
```
#04d6bb rgb(4,214,187)
```
#04efd1
```
#04efd1 rgb(4,239,209)
```
#12fbdd
```
#12fbdd rgb(18,251,221)
```
#2bfbe1
```
#2bfbe1 rgb(43,251,225)
```
#44fce4
```
#44fce4 rgb(68,252,228)
```
#5dfce8
```
#5dfce8 rgb(93,252,232)
```

Monochromatic Color

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

#12fba3
```
#12fba3 rgb(18,251,163)
```
#12fbb6
```
#12fbb6 rgb(18,251,182)
```
#12fbca
```
#12fbca rgb(18,251,202)
```
#12fbdd
```
#12fbdd rgb(18,251,221)
```
#12fbf0
```
#12fbf0 rgb(18,251,240)
```
#12f2fb
```
#12f2fb rgb(18,242,251)
```
#12dffb
```
#12dffb rgb(18,223,251)
```

Similar Colors

Text with hexadecimal color #12fbdd

This text has a font color of #12fbdd.

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

#12fbdd background color

This paragraph has a background color of #12fbdd.

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

#12fbdd border color

This element has a border color of #12fbdd.

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

CSS codes

.text {color:#12fbdd;}

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

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

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, #000e0c is the darkest color, while #f9fffe is the lightest one.

#000e0c
```
#000e0c rgb(0,14,12)
```
#01211d
```
#01211d rgb(1,33,29)
```
#01342e
```
#01342e rgb(1,52,46)
```
#01483f
```
#01483f rgb(1,72,63)
```
#025b4f
```
#025b4f rgb(2,91,79)
```
#026e60
```
#026e60 rgb(2,110,96)
```
#028271
```
#028271 rgb(2,130,113)
```
#039582
```
#039582 rgb(3,149,130)
```
#03a893
```
#03a893 rgb(3,168,147)
```
#03bba4
```
#03bba4 rgb(3,187,164)
```
#03cfb5
```
#03cfb5 rgb(3,207,181)
```
#04e2c5
```
#04e2c5 rgb(4,226,197)
```
#04f5d6
```
#04f5d6 rgb(4,245,214)
```

Shade Color Variation

#12fbdd
```
#12fbdd rgb(18,251,221)
```
#25fbe0
```
#25fbe0 rgb(37,251,224)
```
#39fce3
```
#39fce3 rgb(57,252,227)
```
#4cfce5
```
#4cfce5 rgb(76,252,229)
```
#5ffce8
```
#5ffce8 rgb(95,252,232)
```
#72fdeb
```
#72fdeb rgb(114,253,235)
```
#86fdee
```
#86fdee rgb(134,253,238)
```
#99fdf0
```
#99fdf0 rgb(153,253,240)
```
#acfef3
```
#acfef3 rgb(172,254,243)
```
#c0fef6
```
#c0fef6 rgb(192,254,246)
```
#d3fef9
```
#d3fef9 rgb(211,254,249)
```
#e6fffb
```
#e6fffb rgb(230,255,251)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818c8a is the less saturated color, while #12fbdd is the most saturated one.

#818c8a
```
#818c8a rgb(129,140,138)
```
#789591
```
#789591 rgb(120,149,145)
```
#6f9e98
```
#6f9e98 rgb(111,158,152)
```
#65a89f
```
#65a89f rgb(101,168,159)
```
#5cb1a6
```
#5cb1a6 rgb(92,177,166)
```
#53baad
```
#53baad rgb(83,186,173)
```
#4ac3b4
```
#4ac3b4 rgb(74,195,180)
```
#40cdbb
```
#40cdbb rgb(64,205,187)
```
#37d6c1
```
#37d6c1 rgb(55,214,193)
```
#2edfc8
```
#2edfc8 rgb(46,223,200)
```
#25e8cf
```
#25e8cf rgb(37,232,207)
```
#1bf2d6
```
#1bf2d6 rgb(27,242,214)
```
#12fbdd
```
#12fbdd rgb(18,251,221)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#92c1bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e0d1 Protanopia 1% of men
#f1dbea Deuteranopia 1% of men
#89f0ff Tritanopia 0.001% of the population

Trichromacy

#9aead5 Protanomaly 1% of men, 0.01% of women
#a0e6e5 Deuteranomaly 6% of men, 0.4% of women
#5df4f2 Tritanomaly 0.01% of the population

#12fbdd hex color

#12fbdd Color Information

#12fbdd Color Conversion

Color Schemes with #12fbdd

Alternatives to #12fbdd

#12fbdd Preview

Shades and Tints of #12fbdd

Tones of #12fbdd

Color Blindness Simulator