#12bdce hex color

In a RGB color space, hex #12bdce is composed of 7.1% red, 74.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 8.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 185.4 degrees, a saturation of 83.9% and a lightness of 43.9%. #12bdce color hex could be obtained by blending #24ffff with #007b9d. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 74
- B 81
RGB color chart
- C 91
- M 8
- Y 0
- K 19
CMYK color chart

● #12bdce color description : Strong cyan.

The hexadecimal color #12bdce has RGB values of R:18, G:189, B:206 and CMYK values of C:0.91, M:0.08, Y:0, K:0.19. Its decimal value is 1228238.

Hex triplet	12bdce	`#12bdce`
RGB Decimal	18, 189, 206	`rgb(18,189,206)`
RGB Percent	7.1, 74.1, 80.8	`rgb(7.1%,74.1%,80.8%)`
CMYK	91, 8, 0, 19
HSL	185.4°, 83.9, 43.9	`hsl(185.4,83.9%,43.9%)`
HSV (or HSB)	185.4°, 91.3, 80.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.16, -32.526, -19.625
XYZ	29.584, 40.977, 64.739
xyY	0.219, 0.303, 40.977
CIE-LCH	70.16, 37.988, 211.106
CIE-LUV	70.16, -51.717, -25.984
Hunter-Lab	64.013, -29.528, -15.153
Binary	00010010, 10111101, 11001110

#12bdce
```
#12bdce rgb(18,189,206)
```
#ce2312
```
#ce2312 rgb(206,35,18)
```

Complementary Color

#12ce81
```
#12ce81 rgb(18,206,129)
```
#12bdce
```
#12bdce rgb(18,189,206)
```
#125fce
```
#125fce rgb(18,95,206)
```

Analogous Color

#ce8112
```
#ce8112 rgb(206,129,18)
```
#12bdce
```
#12bdce rgb(18,189,206)
```
#ce125f
```
#ce125f rgb(206,18,95)
```

Split Complementary Color

#bdce12
```
#bdce12 rgb(189,206,18)
```
#12bdce
```
#12bdce rgb(18,189,206)
```
#ce12bd
```
#ce12bd rgb(206,18,189)
```

Triadic Color

#12ce23
```
#12ce23 rgb(18,206,35)
```
#12bdce
```
#12bdce rgb(18,189,206)
```
#ce12bd
```
#ce12bd rgb(206,18,189)
```
#ce2312
```
#ce2312 rgb(206,35,18)
```

Tetradic Color

#0c7c88
```
#0c7c88 rgb(12,124,136)
```
#0e929f
```
#0e929f rgb(14,146,159)
```
#10a7b7
```
#10a7b7 rgb(16,167,183)
```
#12bdce
```
#12bdce rgb(18,189,206)
```
#14d3e5
```
#14d3e5 rgb(20,211,229)
```
#27daec
```
#27daec rgb(39,218,236)
```
#3edeee
```
#3edeee rgb(62,222,238)
```

Monochromatic Color

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

#12ceb0
```
#12ceb0 rgb(18,206,176)
```
#12cec0
```
#12cec0 rgb(18,206,192)
```
#12cdce
```
#12cdce rgb(18,205,206)
```
#12bdce
```
#12bdce rgb(18,189,206)
```
#12adce
```
#12adce rgb(18,173,206)
```
#129ece
```
#129ece rgb(18,158,206)
```
#128ece
```
#128ece rgb(18,142,206)
```

Similar Colors

Text with hexadecimal color #12bdce

This text has a font color of #12bdce.

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

#12bdce background color

This paragraph has a background color of #12bdce.

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

#12bdce border color

This element has a border color of #12bdce.

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

CSS codes

.text {color:#12bdce;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#02171a
```
#02171a rgb(2,23,26)
```
#04282c
```
#04282c rgb(4,40,44)
```
#05393e
```
#05393e rgb(5,57,62)
```
#074950
```
#074950 rgb(7,73,80)
```
#095a62
```
#095a62 rgb(9,90,98)
```
#0a6a74
```
#0a6a74 rgb(10,106,116)
```
#0c7b86
```
#0c7b86 rgb(12,123,134)
```
#0d8b98
```
#0d8b98 rgb(13,139,152)
```
#0f9caa
```
#0f9caa rgb(15,156,170)
```
#10acbc
```
#10acbc rgb(16,172,188)
```
#12bdce
```
#12bdce rgb(18,189,206)
```
#14cee0
```
#14cee0 rgb(20,206,224)
```

Shade Color Variation

#1cd8eb
```
#1cd8eb rgb(28,216,235)
```
#2edced
```
#2edced rgb(46,220,237)
```
#40dfee
```
#40dfee rgb(64,223,238)
```
#52e2f0
```
#52e2f0 rgb(82,226,240)
```
#64e5f1
```
#64e5f1 rgb(100,229,241)
```
#76e8f3
```
#76e8f3 rgb(118,232,243)
```
#88ebf5
```
#88ebf5 rgb(136,235,245)
```
#9aeef6
```
#9aeef6 rgb(154,238,246)
```
#acf1f8
```
#acf1f8 rgb(172,241,248)
```
#bef4f9
```
#bef4f9 rgb(190,244,249)
```
#d0f7fb
```
#d0f7fb rgb(208,247,251)
```
#e2fafd
```
#e2fafd rgb(226,250,253)
```
#f5fdfe
```
#f5fdfe rgb(245,253,254)
```

Tint Color Variation

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

#687678
```
#687678 rgb(104,118,120)
```
#607d80
```
#607d80 rgb(96,125,128)
```
#578589
```
#578589 rgb(87,133,137)
```
#4e8c92
```
#4e8c92 rgb(78,140,146)
```
#46939a
```
#46939a rgb(70,147,154)
```
#3d9aa3
```
#3d9aa3 rgb(61,154,163)
```
#34a1ac
```
#34a1ac rgb(52,161,172)
```
#2ca8b4
```
#2ca8b4 rgb(44,168,180)
```
#23afbd
```
#23afbd rgb(35,175,189)
```
#1bb6c5
```
#1bb6c5 rgb(27,182,197)
```
#12bdce
```
#12bdce rgb(18,189,206)
```
#09c4d7
```
#09c4d7 rgb(9,196,215)
```
#01cbdf
```
#01cbdf rgb(1,203,223)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#749699 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaec5 Protanopia 1% of men
#aaacd8 Deuteranopia 1% of men
#19c0ce Tritanopia 0.001% of the population

Trichromacy

#73b3c8 Protanomaly 1% of men, 0.01% of women
#72b2d4 Deuteranomaly 6% of men, 0.4% of women
#16bfce Tritanomaly 0.01% of the population

#12bdce hex color

#12bdce Color Information

#12bdce Color Conversion

Color Schemes with #12bdce

Alternatives to #12bdce

#12bdce Preview

Shades and Tints of #12bdce

Tones of #12bdce

Color Blindness Simulator