#12bcdc hex color

In a RGB color space, hex #12bcdc is composed of 7.1% red, 73.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 14.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 189.5 degrees, a saturation of 84.9% and a lightness of 46.7%. #12bcdc color hex could be obtained by blending #24ffff with #0079b9. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 74
- B 86
RGB color chart
- C 92
- M 15
- Y 0
- K 14
CMYK color chart

● #12bcdc color description : Vivid cyan.

The hexadecimal color #12bcdc has RGB values of R:18, G:188, B:220 and CMYK values of C:0.92, M:0.15, Y:0, K:0.14. Its decimal value is 1227996.

Hex triplet	12bcdc	`#12bcdc`
RGB Decimal	18, 188, 220	`rgb(18,188,220)`
RGB Percent	7.1, 73.7, 86.3	`rgb(7.1%,73.7%,86.3%)`
CMYK	92, 15, 0, 14
HSL	189.5°, 84.9, 46.7	`hsl(189.5,84.9%,46.7%)`
HSV (or HSB)	189.5°, 91.8, 86.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.357, -27.511, -26.972
XYZ	31.147, 41.259, 74.028
xyY	0.213, 0.282, 41.259
CIE-LCH	70.357, 38.527, 224.433
CIE-LUV	70.357, -50.289, -38.922
Hunter-Lab	64.233, -25.852, -23.368
Binary	00010010, 10111100, 11011100

#12bcdc
```
#12bcdc rgb(18,188,220)
```
#dc3212
```
#dc3212 rgb(220,50,18)
```

Complementary Color

#12dc97
```
#12dc97 rgb(18,220,151)
```
#12bcdc
```
#12bcdc rgb(18,188,220)
```
#1257dc
```
#1257dc rgb(18,87,220)
```

Analogous Color

#dc9712
```
#dc9712 rgb(220,151,18)
```
#12bcdc
```
#12bcdc rgb(18,188,220)
```
#dc1257
```
#dc1257 rgb(220,18,87)
```

Split Complementary Color

#bcdc12
```
#bcdc12 rgb(188,220,18)
```
#12bcdc
```
#12bcdc rgb(18,188,220)
```
#dc12bc
```
#dc12bc rgb(220,18,188)
```

Triadic Color

#12dc32
```
#12dc32 rgb(18,220,50)
```
#12bcdc
```
#12bcdc rgb(18,188,220)
```
#dc12bc
```
#dc12bc rgb(220,18,188)
```
#dc3212
```
#dc3212 rgb(220,50,18)
```

Tetradic Color

#0c8095
```
#0c8095 rgb(12,128,149)
```
#0e94ad
```
#0e94ad rgb(14,148,173)
```
#10a8c4
```
#10a8c4 rgb(16,168,196)
```
#12bcdc
```
#12bcdc rgb(18,188,220)
```
#1bcbec
```
#1bcbec rgb(27,203,236)
```
#33d1ee
```
#33d1ee rgb(51,209,238)
```
#4ad6f0
```
#4ad6f0 rgb(74,214,240)
```

Monochromatic Color

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

#12dcca
```
#12dcca rgb(18,220,202)
```
#12dcda
```
#12dcda rgb(18,220,218)
```
#12cddc
```
#12cddc rgb(18,205,220)
```
#12bcdc
```
#12bcdc rgb(18,188,220)
```
#12abdc
```
#12abdc rgb(18,171,220)
```
#129adc
```
#129adc rgb(18,154,220)
```
#128adc
```
#128adc rgb(18,138,220)
```

Similar Colors

Text with hexadecimal color #12bcdc

This text has a font color of #12bcdc.

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

#12bcdc background color

This paragraph has a background color of #12bcdc.

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

#12bcdc border color

This element has a border color of #12bcdc.

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

CSS codes

.text {color:#12bcdc;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021215
```
#021215 rgb(2,18,21)
```
#032127
```
#032127 rgb(3,33,39)
```
#053139
```
#053139 rgb(5,49,57)
```
#06404b
```
#06404b rgb(6,64,75)
```
#08505d
```
#08505d rgb(8,80,93)
```
#095f6f
```
#095f6f rgb(9,95,111)
```
#0b6f81
```
#0b6f81 rgb(11,111,129)
```
#0c7e93
```
#0c7e93 rgb(12,126,147)
```
#0e8ea6
```
#0e8ea6 rgb(14,142,166)
```
#0f9db8
```
#0f9db8 rgb(15,157,184)
```
#11adca
```
#11adca rgb(17,173,202)
```
#12bcdc
```
#12bcdc rgb(18,188,220)
```

Shade Color Variation

#16caec
```
#16caec rgb(22,202,236)
```
#28ceed
```
#28ceed rgb(40,206,237)
```
#3ad2ef
```
#3ad2ef rgb(58,210,239)
```
#4cd6f0
```
#4cd6f0 rgb(76,214,240)
```
#5edaf2
```
#5edaf2 rgb(94,218,242)
```
#70dff3
```
#70dff3 rgb(112,223,243)
```
#82e3f5
```
#82e3f5 rgb(130,227,245)
```
#95e7f6
```
#95e7f6 rgb(149,231,246)
```
#a7ebf8
```
#a7ebf8 rgb(167,235,248)
```
#b9eff9
```
#b9eff9 rgb(185,239,249)
```
#cbf3fb
```
#cbf3fb rgb(203,243,251)
```
#ddf7fc
```
#ddf7fc rgb(221,247,252)
```
#effbfe
```
#effbfe rgb(239,251,254)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#6e7d80
```
#6e7d80 rgb(110,125,128)
```
#64848a
```
#64848a rgb(100,132,138)
```
#5b8a93
```
#5b8a93 rgb(91,138,147)
```
#52909c
```
#52909c rgb(82,144,156)
```
#4996a5
```
#4996a5 rgb(73,150,165)
```
#409dae
```
#409dae rgb(64,157,174)
```
#37a3b7
```
#37a3b7 rgb(55,163,183)
```
#2da9c1
```
#2da9c1 rgb(45,169,193)
```
#24afca
```
#24afca rgb(36,175,202)
```
#1bb6d3
```
#1bb6d3 rgb(27,182,211)
```
#12bcdc
```
#12bcdc rgb(18,188,220)
```
#09c2e5
```
#09c2e5 rgb(9,194,229)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#74969d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7aed3 Protanopia 1% of men
#a1ade4 Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#71b3d6 Protanomaly 1% of men, 0.01% of women
#6db3e1 Deuteranomaly 6% of men, 0.4% of women
#06bfd3 Tritanomaly 0.01% of the population

#12bcdc hex color

#12bcdc Color Information

#12bcdc Color Conversion

Color Schemes with #12bcdc

Alternatives to #12bcdc

#12bcdc Preview

Shades and Tints of #12bcdc

Tones of #12bcdc

Color Blindness Simulator