colorhexa.com

#12bcd0 hex color

In a RGB color space, hex #12bcd0 is composed of 7.1% red, 73.7% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 9.6% magenta, 0% yellow and 18.4% black. It has a hue angle of 186.3 degrees, a saturation of 84.1% and a lightness of 44.3%. #12bcd0 color hex could be obtained by blending #24ffff with #0079a1. Closest websafe color is: #00cccc.

- R 7
- G 74
- B 82
RGB color chart
- C 91
- M 10
- Y 0
- K 18
CMYK color chart

● #12bcd0 color description : Strong cyan.

The hexadecimal color #12bcd0 has RGB values of R:18, G:188, B:208 and CMYK values of C:0.91, M:0.1, Y:0, K:0.18. Its decimal value is 1227984.

Hex triplet	12bcd0	`#12bcd0`
RGB Decimal	18, 188, 208	`rgb(18,188,208)`
RGB Percent	7.1, 73.7, 81.6	`rgb(7.1%,73.7%,81.6%)`
CMYK	91, 10, 0, 18
HSL	186.3°, 84.1, 44.3	`hsl(186.3,84.1%,44.3%)`
HSV (or HSB)	186.3°, 91.3, 81.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.927, -31.408, -21.073
XYZ	29.615, 40.646, 65.956
xyY	0.217, 0.298, 40.646
CIE-LCH	69.927, 37.822, 213.859
CIE-LUV	69.927, -51.218, -28.519
Hunter-Lab	63.754, -28.655, -16.709
Binary	00010010, 10111100, 11010000

#12bcd0
```
#12bcd0 rgb(18,188,208)
```
#d02612
```
#d02612 rgb(208,38,18)
```

Complementary Color

#12d085
```
#12d085 rgb(18,208,133)
```
#12bcd0
```
#12bcd0 rgb(18,188,208)
```
#125dd0
```
#125dd0 rgb(18,93,208)
```

Analogous Color

#d08512
```
#d08512 rgb(208,133,18)
```
#12bcd0
```
#12bcd0 rgb(18,188,208)
```
#d0125d
```
#d0125d rgb(208,18,93)
```

Split Complementary Color

#bcd012
```
#bcd012 rgb(188,208,18)
```
#12bcd0
```
#12bcd0 rgb(18,188,208)
```
#d012bc
```
#d012bc rgb(208,18,188)
```

Triadic Color

#12d026
```
#12d026 rgb(18,208,38)
```
#12bcd0
```
#12bcd0 rgb(18,188,208)
```
#d012bc
```
#d012bc rgb(208,18,188)
```
#d02612
```
#d02612 rgb(208,38,18)
```

Tetradic Color

#0c7c8a
```
#0c7c8a rgb(12,124,138)
```
#0e92a1
```
#0e92a1 rgb(14,146,161)
```
#10a7b9
```
#10a7b9 rgb(16,167,185)
```
#12bcd0
```
#12bcd0 rgb(18,188,208)
```
#14d1e7
```
#14d1e7 rgb(20,209,231)
```
#29d8ec
```
#29d8ec rgb(41,216,236)
```
#40dcee
```
#40dcee rgb(64,220,238)
```

Monochromatic Color

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

#12d0b5
```
#12d0b5 rgb(18,208,181)
```
#12d0c4
```
#12d0c4 rgb(18,208,196)
```
#12ccd0
```
#12ccd0 rgb(18,204,208)
```
#12bcd0
```
#12bcd0 rgb(18,188,208)
```
#12acd0
```
#12acd0 rgb(18,172,208)
```
#129cd0
```
#129cd0 rgb(18,156,208)
```
#128dd0
```
#128dd0 rgb(18,141,208)
```

Similar Colors

Text with hexadecimal color #12bcd0

This text has a font color of #12bcd0.

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

#12bcd0 background color

This paragraph has a background color of #12bcd0.

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

#12bcd0 border color

This element has a border color of #12bcd0.

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

CSS codes

.text {color:#12bcd0;}

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

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

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

#010909
```
#010909 rgb(1,9,9)
```
#02191b
```
#02191b rgb(2,25,27)
```
#04292e
```
#04292e rgb(4,41,46)
```
#063940
```
#063940 rgb(6,57,64)
```
#074a52
```
#074a52 rgb(7,74,82)
```
#095a64
```
#095a64 rgb(9,90,100)
```
#0a6a76
```
#0a6a76 rgb(10,106,118)
```
#0c7b88
```
#0c7b88 rgb(12,123,136)
```
#0d8b9a
```
#0d8b9a rgb(13,139,154)
```
#0f9bac
```
#0f9bac rgb(15,155,172)
```
#10acbe
```
#10acbe rgb(16,172,190)
```
#12bcd0
```
#12bcd0 rgb(18,188,208)
```
#14cce2
```
#14cce2 rgb(20,204,226)
```

Shade Color Variation

#1ed6ec
```
#1ed6ec rgb(30,214,236)
```
#30d9ed
```
#30d9ed rgb(48,217,237)
```
#42dcef
```
#42dcef rgb(66,220,239)
```
#54e0f0
```
#54e0f0 rgb(84,224,240)
```
#66e3f2
```
#66e3f2 rgb(102,227,242)
```
#78e6f3
```
#78e6f3 rgb(120,230,243)
```
#8aeaf5
```
#8aeaf5 rgb(138,234,245)
```
#9cedf6
```
#9cedf6 rgb(156,237,246)
```
#aef0f8
```
#aef0f8 rgb(174,240,248)
```
#c0f4fa
```
#c0f4fa rgb(192,244,250)
```
#d2f7fb
```
#d2f7fb rgb(210,247,251)
```
#e4fafd
```
#e4fafd rgb(228,250,253)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

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

#697779
```
#697779 rgb(105,119,121)
```
#607e82
```
#607e82 rgb(96,126,130)
```
#58858a
```
#58858a rgb(88,133,138)
```
#4f8c93
```
#4f8c93 rgb(79,140,147)
```
#46939c
```
#46939c rgb(70,147,156)
```
#3d9aa5
```
#3d9aa5 rgb(61,154,165)
```
#35a1ad
```
#35a1ad rgb(53,161,173)
```
#2ca7b6
```
#2ca7b6 rgb(44,167,182)
```
#23aebf
```
#23aebf rgb(35,174,191)
```
#1bb5c7
```
#1bb5c7 rgb(27,181,199)
```
#12bcd0
```
#12bcd0 rgb(18,188,208)
```
#09c3d9
```
#09c3d9 rgb(9,195,217)
```
#01cae1
```
#01cae1 rgb(1,202,225)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#739599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaadc7 Protanopia 1% of men
#a7acd9 Deuteranopia 1% of men
#0dc0ce Tritanopia 0.001% of the population

Trichromacy

#72b3ca Protanomaly 1% of men, 0.01% of women
#71b1d6 Deuteranomaly 6% of men, 0.4% of women
#0fbece Tritanomaly 0.01% of the population