#12bfdc hex color

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

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

● #12bfdc color description : Vivid cyan.

The hexadecimal color #12bfdc has RGB values of R:18, G:191, B:220 and CMYK values of C:0.92, M:0.13, Y:0, K:0.14. Its decimal value is 1228764.

Hex triplet	12bfdc	`#12bfdc`
RGB Decimal	18, 191, 220	`rgb(18,191,220)`
RGB Percent	7.1, 74.9, 86.3	`rgb(7.1%,74.9%,86.3%)`
CMYK	92, 13, 0, 14
HSL	188.6°, 84.9, 46.7	`hsl(188.6,84.9%,46.7%)`
HSV (or HSB)	188.6°, 91.8, 86.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	71.251, -28.993, -25.601
XYZ	31.795, 42.554, 74.244
xyY	0.214, 0.286, 42.554
CIE-LCH	71.251, 38.678, 221.444
CIE-LUV	71.251, -51.312, -36.478
Hunter-Lab	65.234, -27.158, -21.816
Binary	00010010, 10111111, 11011100

#12bfdc
```
#12bfdc rgb(18,191,220)
```
#dc2f12
```
#dc2f12 rgb(220,47,18)
```

Complementary Color

#12dc94
```
#12dc94 rgb(18,220,148)
```
#12bfdc
```
#12bfdc rgb(18,191,220)
```
#125adc
```
#125adc rgb(18,90,220)
```

Analogous Color

#dc9412
```
#dc9412 rgb(220,148,18)
```
#12bfdc
```
#12bfdc rgb(18,191,220)
```
#dc125a
```
#dc125a rgb(220,18,90)
```

Split Complementary Color

#bfdc12
```
#bfdc12 rgb(191,220,18)
```
#12bfdc
```
#12bfdc rgb(18,191,220)
```
#dc12bf
```
#dc12bf rgb(220,18,191)
```

Triadic Color

#12dc2f
```
#12dc2f rgb(18,220,47)
```
#12bfdc
```
#12bfdc rgb(18,191,220)
```
#dc12bf
```
#dc12bf rgb(220,18,191)
```
#dc2f12
```
#dc2f12 rgb(220,47,18)
```

Tetradic Color

#0c8295
```
#0c8295 rgb(12,130,149)
```
#0e96ad
```
#0e96ad rgb(14,150,173)
```
#10abc4
```
#10abc4 rgb(16,171,196)
```
#12bfdc
```
#12bfdc rgb(18,191,220)
```
#1bceec
```
#1bceec rgb(27,206,236)
```
#33d3ee
```
#33d3ee rgb(51,211,238)
```
#4ad8f0
```
#4ad8f0 rgb(74,216,240)
```

Monochromatic Color

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

#12dcc7
```
#12dcc7 rgb(18,220,199)
```
#12dcd7
```
#12dcd7 rgb(18,220,215)
```
#12d0dc
```
#12d0dc rgb(18,208,220)
```
#12bfdc
```
#12bfdc rgb(18,191,220)
```
#12aedc
```
#12aedc rgb(18,174,220)
```
#129ddc
```
#129ddc rgb(18,157,220)
```
#128ddc
```
#128ddc rgb(18,141,220)
```

Similar Colors

Text with hexadecimal color #12bfdc

This text has a font color of #12bfdc.

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

#12bfdc background color

This paragraph has a background color of #12bfdc.

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

#12bfdc border color

This element has a border color of #12bfdc.

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

CSS codes

.text {color:#12bfdc;}

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

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

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 #effcfe is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#021215
```
#021215 rgb(2,18,21)
```
#032227
```
#032227 rgb(3,34,39)
```
#053139
```
#053139 rgb(5,49,57)
```
#06414b
```
#06414b rgb(6,65,75)
```
#08515d
```
#08515d rgb(8,81,93)
```
#09616f
```
#09616f rgb(9,97,111)
```
#0b7081
```
#0b7081 rgb(11,112,129)
```
#0c8093
```
#0c8093 rgb(12,128,147)
```
#0e90a6
```
#0e90a6 rgb(14,144,166)
```
#0fa0b8
```
#0fa0b8 rgb(15,160,184)
```
#11afca
```
#11afca rgb(17,175,202)
```
#12bfdc
```
#12bfdc rgb(18,191,220)
```

Shade Color Variation

#16cdec
```
#16cdec rgb(22,205,236)
```
#28d1ed
```
#28d1ed rgb(40,209,237)
```
#3ad5ef
```
#3ad5ef rgb(58,213,239)
```
#4cd9f0
```
#4cd9f0 rgb(76,217,240)
```
#5eddf2
```
#5eddf2 rgb(94,221,242)
```
#70e1f3
```
#70e1f3 rgb(112,225,243)
```
#82e4f5
```
#82e4f5 rgb(130,228,245)
```
#95e8f6
```
#95e8f6 rgb(149,232,246)
```
#a7ecf8
```
#a7ecf8 rgb(167,236,248)
```
#b9f0f9
```
#b9f0f9 rgb(185,240,249)
```
#cbf4fb
```
#cbf4fb rgb(203,244,251)
```
#ddf8fc
```
#ddf8fc rgb(221,248,252)
```
#effcfe
```
#effcfe rgb(239,252,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 #09c6e5 is the most saturated one.

#777777
```
#777777 rgb(119,119,119)
```
#6e7e80
```
#6e7e80 rgb(110,126,128)
```
#64848a
```
#64848a rgb(100,132,138)
```
#5b8b93
```
#5b8b93 rgb(91,139,147)
```
#52919c
```
#52919c rgb(82,145,156)
```
#4998a5
```
#4998a5 rgb(73,152,165)
```
#409eae
```
#409eae rgb(64,158,174)
```
#37a5b7
```
#37a5b7 rgb(55,165,183)
```
#2dabc1
```
#2dabc1 rgb(45,171,193)
```
#24b2ca
```
#24b2ca rgb(36,178,202)
```
#1bb8d3
```
#1bb8d3 rgb(27,184,211)
```
#12bfdc
```
#12bfdc rgb(18,191,220)
```
#09c6e5
```
#09c6e5 rgb(9,198,229)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#76999e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab1d2 Protanopia 1% of men
#a6b0e4 Deuteranopia 1% of men
#00c3d2 Tritanopia 0.001% of the population

Trichromacy

#73b6d6 Protanomaly 1% of men, 0.01% of women
#70b5e1 Deuteranomaly 6% of men, 0.4% of women
#06c2d5 Tritanomaly 0.01% of the population

#12bfdc hex color

#12bfdc Color Information

#12bfdc Color Conversion

Color Schemes with #12bfdc

Alternatives to #12bfdc

#12bfdc Preview

Shades and Tints of #12bfdc

Tones of #12bfdc

Color Blindness Simulator