#12bdd5 hex color

In a RGB color space, hex #12bdd5 is composed of 7.1% red, 74.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 11.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 187.4 degrees, a saturation of 84.4% and a lightness of 45.3%. #12bdd5 color hex could be obtained by blending #24ffff with #007bab. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 74
- B 84
RGB color chart
- C 92
- M 11
- Y 0
- K 16
CMYK color chart

● #12bdd5 color description : Strong cyan.

The hexadecimal color #12bdd5 has RGB values of R:18, G:189, B:213 and CMYK values of C:0.92, M:0.11, Y:0, K:0.16. Its decimal value is 1228245.

Hex triplet	12bdd5	`#12bdd5`
RGB Decimal	18, 189, 213	`rgb(18,189,213)`
RGB Percent	7.1, 74.1, 83.5	`rgb(7.1%,74.1%,83.5%)`
CMYK	92, 11, 0, 16
HSL	187.4°, 84.4, 45.3	`hsl(187.4,84.4%,45.3%)`
HSV (or HSB)	187.4°, 91.5, 83.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.403, -30.286, -23.081
XYZ	30.454, 41.325, 69.319
xyY	0.216, 0.293, 41.325
CIE-LCH	70.403, 38.079, 217.312
CIE-LUV	70.403, -51.171, -32.035
Hunter-Lab	64.284, -27.936, -18.934
Binary	00010010, 10111101, 11010101

#12bdd5
```
#12bdd5 rgb(18,189,213)
```
#d52a12
```
#d52a12 rgb(213,42,18)
```

Complementary Color

#12d58c
```
#12d58c rgb(18,213,140)
```
#12bdd5
```
#12bdd5 rgb(18,189,213)
```
#125cd5
```
#125cd5 rgb(18,92,213)
```

Analogous Color

#d58c12
```
#d58c12 rgb(213,140,18)
```
#12bdd5
```
#12bdd5 rgb(18,189,213)
```
#d5125c
```
#d5125c rgb(213,18,92)
```

Split Complementary Color

#bdd512
```
#bdd512 rgb(189,213,18)
```
#12bdd5
```
#12bdd5 rgb(18,189,213)
```
#d512bd
```
#d512bd rgb(213,18,189)
```

Triadic Color

#12d52a
```
#12d52a rgb(18,213,42)
```
#12bdd5
```
#12bdd5 rgb(18,189,213)
```
#d512bd
```
#d512bd rgb(213,18,189)
```
#d52a12
```
#d52a12 rgb(213,42,18)
```

Tetradic Color

#0c7e8e
```
#0c7e8e rgb(12,126,142)
```
#0e93a6
```
#0e93a6 rgb(14,147,166)
```
#10a8bd
```
#10a8bd rgb(16,168,189)
```
#12bdd5
```
#12bdd5 rgb(18,189,213)
```
#15d1eb
```
#15d1eb rgb(21,209,235)
```
#2dd6ed
```
#2dd6ed rgb(45,214,237)
```
#44daef
```
#44daef rgb(68,218,239)
```

Monochromatic Color

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

#12d5bc
```
#12d5bc rgb(18,213,188)
```
#12d5cd
```
#12d5cd rgb(18,213,205)
```
#12cdd5
```
#12cdd5 rgb(18,205,213)
```
#12bdd5
```
#12bdd5 rgb(18,189,213)
```
#12add5
```
#12add5 rgb(18,173,213)
```
#129dd5
```
#129dd5 rgb(18,157,213)
```
#128cd5
```
#128cd5 rgb(18,140,213)
```

Similar Colors

Text with hexadecimal color #12bdd5

This text has a font color of #12bdd5.

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

#12bdd5 background color

This paragraph has a background color of #12bdd5.

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

#12bdd5 border color

This element has a border color of #12bdd5.

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

CSS codes

.text {color:#12bdd5;}

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

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

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, #010c0e is the darkest color, while #fbfeff is the lightest one.

#010c0e
```
#010c0e rgb(1,12,14)
```
#031d20
```
#031d20 rgb(3,29,32)
```
#042d32
```
#042d32 rgb(4,45,50)
```
#063d44
```
#063d44 rgb(6,61,68)
```
#074d56
```
#074d56 rgb(7,77,86)
```
#095d68
```
#095d68 rgb(9,93,104)
```
#0a6d7b
```
#0a6d7b rgb(10,109,123)
```
#0c7d8d
```
#0c7d8d rgb(12,125,141)
```
#0d8d9f
```
#0d8d9f rgb(13,141,159)
```
#0f9db1
```
#0f9db1 rgb(15,157,177)
```
#10adc3
```
#10adc3 rgb(16,173,195)
```
#12bdd5
```
#12bdd5 rgb(18,189,213)
```
#14cde7
```
#14cde7 rgb(20,205,231)
```

Shade Color Variation

#22d3ec
```
#22d3ec rgb(34,211,236)
```
#34d7ee
```
#34d7ee rgb(52,215,238)
```
#46dbef
```
#46dbef rgb(70,219,239)
```
#58def1
```
#58def1 rgb(88,222,241)
```
#6ae2f2
```
#6ae2f2 rgb(106,226,242)
```
#7ce5f4
```
#7ce5f4 rgb(124,229,244)
```
#8ee9f5
```
#8ee9f5 rgb(142,233,245)
```
#a1ecf7
```
#a1ecf7 rgb(161,236,247)
```
#b3f0f9
```
#b3f0f9 rgb(179,240,249)
```
#c5f4fa
```
#c5f4fa rgb(197,244,250)
```
#d7f7fc
```
#d7f7fc rgb(215,247,252)
```
#e9fbfd
```
#e9fbfd rgb(233,251,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7a7c is the less saturated color, while #00cae7 is the most saturated one.

#6b7a7c
```
#6b7a7c rgb(107,122,124)
```
#628185
```
#628185 rgb(98,129,133)
```
#59878e
```
#59878e rgb(89,135,142)
```
#508e97
```
#508e97 rgb(80,142,151)
```
#4795a0
```
#4795a0 rgb(71,149,160)
```
#3e9ca9
```
#3e9ca9 rgb(62,156,169)
```
#36a2b1
```
#36a2b1 rgb(54,162,177)
```
#2da9ba
```
#2da9ba rgb(45,169,186)
```
#24b0c3
```
#24b0c3 rgb(36,176,195)
```
#1bb6cc
```
#1bb6cc rgb(27,182,204)
```
#12bdd5
```
#12bdd5 rgb(18,189,213)
```
#09c4de
```
#09c4de rgb(9,196,222)
```
#00cae7
```
#00cae7 rgb(0,202,231)
```

Tone Color Variation

Below, you can see how #12bdd5 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
#74979b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaafcc Protanopia 1% of men
#a6adde Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#72b4cf Protanomaly 1% of men, 0.01% of women
#70b3db Deuteranomaly 6% of men, 0.4% of women
#06bfd1 Tritanomaly 0.01% of the population

#12bdd5 hex color

#12bdd5 Color Information

#12bdd5 Color Conversion

Color Schemes with #12bdd5

Alternatives to #12bdd5

#12bdd5 Preview

Shades and Tints of #12bdd5

Tones of #12bdd5

Color Blindness Simulator