#12b4d0 hex color

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

♥
- f
- t
- g
- R 7
- G 71
- B 82
RGB color chart
- C 91
- M 13
- Y 0
- K 18
CMYK color chart

● #12b4d0 color description : Strong cyan.

The hexadecimal color #12b4d0 has RGB values of R:18, G:180, B:208 and CMYK values of C:0.91, M:0.13, Y:0, K:0.18. Its decimal value is 1225936.

Hex triplet	12b4d0	`#12b4d0`
RGB Decimal	18, 180, 208	`rgb(18,180,208)`
RGB Percent	7.1, 70.6, 81.6	`rgb(7.1%,70.6%,81.6%)`
CMYK	91, 13, 0, 18
HSL	188.8°, 84.1, 44.3	`hsl(188.8,84.1%,44.3%)`
HSV (or HSB)	188.8°, 91.3, 81.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.518, -27.487, -24.752
XYZ	27.953, 37.322, 65.402
xyY	0.214, 0.286, 37.322
CIE-LCH	67.518, 36.989, 222.002
CIE-LUV	67.518, -48.471, -35.01
Hunter-Lab	61.092, -25.238, -20.708
Binary	00010010, 10110100, 11010000

#12b4d0
```
#12b4d0 rgb(18,180,208)
```
#d02e12
```
#d02e12 rgb(208,46,18)
```

Complementary Color

#12d08d
```
#12d08d rgb(18,208,141)
```
#12b4d0
```
#12b4d0 rgb(18,180,208)
```
#1255d0
```
#1255d0 rgb(18,85,208)
```

Analogous Color

#d08d12
```
#d08d12 rgb(208,141,18)
```
#12b4d0
```
#12b4d0 rgb(18,180,208)
```
#d01255
```
#d01255 rgb(208,18,85)
```

Split Complementary Color

#b4d012
```
#b4d012 rgb(180,208,18)
```
#12b4d0
```
#12b4d0 rgb(18,180,208)
```
#d012b4
```
#d012b4 rgb(208,18,180)
```

Triadic Color

#12d02e
```
#12d02e rgb(18,208,46)
```
#12b4d0
```
#12b4d0 rgb(18,180,208)
```
#d012b4
```
#d012b4 rgb(208,18,180)
```
#d02e12
```
#d02e12 rgb(208,46,18)
```

Tetradic Color

#0c778a
```
#0c778a rgb(12,119,138)
```
#0e8ba1
```
#0e8ba1 rgb(14,139,161)
```
#10a0b9
```
#10a0b9 rgb(16,160,185)
```
#12b4d0
```
#12b4d0 rgb(18,180,208)
```
#14c8e7
```
#14c8e7 rgb(20,200,231)
```
#29d0ec
```
#29d0ec rgb(41,208,236)
```
#40d5ee
```
#40d5ee rgb(64,213,238)
```

Monochromatic Color

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

#12d0bd
```
#12d0bd rgb(18,208,189)
```
#12d0cc
```
#12d0cc rgb(18,208,204)
```
#12c4d0
```
#12c4d0 rgb(18,196,208)
```
#12b4d0
```
#12b4d0 rgb(18,180,208)
```
#12a4d0
```
#12a4d0 rgb(18,164,208)
```
#1294d0
```
#1294d0 rgb(18,148,208)
```
#1285d0
```
#1285d0 rgb(18,133,208)
```

Similar Colors

Text with hexadecimal color #12b4d0

This text has a font color of #12b4d0.

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

#12b4d0 background color

This paragraph has a background color of #12b4d0.

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

#12b4d0 border color

This element has a border color of #12b4d0.

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

CSS codes

.text {color:#12b4d0;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#02181b
```
#02181b rgb(2,24,27)
```
#04272e
```
#04272e rgb(4,39,46)
```
#063740
```
#063740 rgb(6,55,64)
```
#074752
```
#074752 rgb(7,71,82)
```
#095664
```
#095664 rgb(9,86,100)
```
#0a6676
```
#0a6676 rgb(10,102,118)
```
#0c7688
```
#0c7688 rgb(12,118,136)
```
#0d859a
```
#0d859a rgb(13,133,154)
```
#0f95ac
```
#0f95ac rgb(15,149,172)
```
#10a4be
```
#10a4be rgb(16,164,190)
```
#12b4d0
```
#12b4d0 rgb(18,180,208)
```
#14c4e2
```
#14c4e2 rgb(20,196,226)
```

Shade Color Variation

#1ecdec
```
#1ecdec rgb(30,205,236)
```
#30d1ed
```
#30d1ed rgb(48,209,237)
```
#42d5ef
```
#42d5ef rgb(66,213,239)
```
#54d9f0
```
#54d9f0 rgb(84,217,240)
```
#66ddf2
```
#66ddf2 rgb(102,221,242)
```
#78e1f3
```
#78e1f3 rgb(120,225,243)
```
#8ae5f5
```
#8ae5f5 rgb(138,229,245)
```
#9ce9f6
```
#9ce9f6 rgb(156,233,246)
```
#aeedf8
```
#aeedf8 rgb(174,237,248)
```
#c0f1fa
```
#c0f1fa rgb(192,241,250)
```
#d2f5fb
```
#d2f5fb rgb(210,245,251)
```
#e4f9fd
```
#e4f9fd rgb(228,249,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 #01c0e1 is the most saturated one.

#697779
```
#697779 rgb(105,119,121)
```
#607d82
```
#607d82 rgb(96,125,130)
```
#58838a
```
#58838a rgb(88,131,138)
```
#4f8993
```
#4f8993 rgb(79,137,147)
```
#468f9c
```
#468f9c rgb(70,143,156)
```
#3d95a5
```
#3d95a5 rgb(61,149,165)
```
#359bad
```
#359bad rgb(53,155,173)
```
#2ca2b6
```
#2ca2b6 rgb(44,162,182)
```
#23a8bf
```
#23a8bf rgb(35,168,191)
```
#1baec7
```
#1baec7 rgb(27,174,199)
```
#12b4d0
```
#12b4d0 rgb(18,180,208)
```
#09bad9
```
#09bad9 rgb(9,186,217)
```
#01c0e1
```
#01c0e1 rgb(1,192,225)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#709096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a7c8 Protanopia 1% of men
#9ca6d9 Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#6daccb Protanomaly 1% of men, 0.01% of women
#6aabd5 Deuteranomaly 6% of men, 0.4% of women
#06b7ca Tritanomaly 0.01% of the population

#12b4d0 hex color

#12b4d0 Color Information

#12b4d0 Color Conversion

Color Schemes with #12b4d0

Alternatives to #12b4d0

#12b4d0 Preview

Shades and Tints of #12b4d0

Tones of #12b4d0

Color Blindness Simulator