#12b3b4 hex color

In a RGB color space, hex #12b3b4 is composed of 7.1% red, 70.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 0.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 180.4 degrees, a saturation of 81.8% and a lightness of 38.8%. #12b3b4 color hex could be obtained by blending #24ffff with #006769. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 70
- B 71
RGB color chart
- C 90
- M 1
- Y 0
- K 29
CMYK color chart

● #12b3b4 color description : Strong cyan.

The hexadecimal color #12b3b4 has RGB values of R:18, G:179, B:180 and CMYK values of C:0.9, M:0.01, Y:0, K:0.29. Its decimal value is 1225652.

Hex triplet	12b3b4	`#12b3b4`
RGB Decimal	18, 179, 180	`rgb(18,179,180)`
RGB Percent	7.1, 70.2, 70.6	`rgb(7.1%,70.2%,70.6%)`
CMYK	90, 1, 0, 29
HSL	180.4°, 81.8, 38.8	`hsl(180.4,81.8%,38.8%)`
HSV (or HSB)	180.4°, 90, 70.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.261, -35.907, -11.19
XYZ	24.605, 35.662, 48.764
xyY	0.226, 0.327, 35.662
CIE-LCH	66.261, 37.61, 197.309
CIE-LUV	66.261, -50.303, -11.725
Hunter-Lab	59.717, -30.958, -6.613
Binary	00010010, 10110011, 10110100

#12b3b4
```
#12b3b4 rgb(18,179,180)
```
#b41312
```
#b41312 rgb(180,19,18)
```

Complementary Color

#12b464
```
#12b464 rgb(18,180,100)
```
#12b3b4
```
#12b3b4 rgb(18,179,180)
```
#1262b4
```
#1262b4 rgb(18,98,180)
```

Analogous Color

#b46412
```
#b46412 rgb(180,100,18)
```
#12b3b4
```
#12b3b4 rgb(18,179,180)
```
#b41262
```
#b41262 rgb(180,18,98)
```

Split Complementary Color

#b3b412
```
#b3b412 rgb(179,180,18)
```
#12b3b4
```
#12b3b4 rgb(18,179,180)
```
#b412b3
```
#b412b3 rgb(180,18,179)
```

Triadic Color

#12b413
```
#12b413 rgb(18,180,19)
```
#12b3b4
```
#12b3b4 rgb(18,179,180)
```
#b412b3
```
#b412b3 rgb(180,18,179)
```
#b41312
```
#b41312 rgb(180,19,18)
```

Tetradic Color

#0b6e6e
```
#0b6e6e rgb(11,110,110)
```
#0d8586
```
#0d8586 rgb(13,133,134)
```
#109c9d
```
#109c9d rgb(16,156,157)
```
#12b3b4
```
#12b3b4 rgb(18,179,180)
```
#14cacb
```
#14cacb rgb(20,202,203)
```
#17e1e2
```
#17e1e2 rgb(23,225,226)
```
#29e8ea
```
#29e8ea rgb(41,232,234)
```

Monochromatic Color

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

#12b48d
```
#12b48d rgb(18,180,141)
```
#12b49a
```
#12b49a rgb(18,180,154)
```
#12b4a8
```
#12b4a8 rgb(18,180,168)
```
#12b3b4
```
#12b3b4 rgb(18,179,180)
```
#12a6b4
```
#12a6b4 rgb(18,166,180)
```
#1298b4
```
#1298b4 rgb(18,152,180)
```
#128bb4
```
#128bb4 rgb(18,139,180)
```

Similar Colors

Text with hexadecimal color #12b3b4

This text has a font color of #12b3b4.

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

#12b3b4 background color

This paragraph has a background color of #12b3b4.

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

#12b3b4 border color

This element has a border color of #12b3b4.

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

CSS codes

.text {color:#12b3b4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021314
```
#021314 rgb(2,19,20)
```
#042525
```
#042525 rgb(4,37,37)
```
#063737
```
#063737 rgb(6,55,55)
```
#074949
```
#074949 rgb(7,73,73)
```
#095a5b
```
#095a5b rgb(9,90,91)
```
#0b6c6d
```
#0b6c6d rgb(11,108,109)
```
#0d7e7f
```
#0d7e7f rgb(13,126,127)
```
#0e9090
```
#0e9090 rgb(14,144,144)
```
#10a1a2
```
#10a1a2 rgb(16,161,162)
```
#12b3b4
```
#12b3b4 rgb(18,179,180)
```
#14c5c6
```
#14c5c6 rgb(20,197,198)
```
#16d6d8
```
#16d6d8 rgb(22,214,216)
```

Shade Color Variation

#19e7e8
```
#19e7e8 rgb(25,231,232)
```
#2be9ea
```
#2be9ea rgb(43,233,234)
```
#3deaec
```
#3deaec rgb(61,234,236)
```
#4eeced
```
#4eeced rgb(78,236,237)
```
#60eeef
```
#60eeef rgb(96,238,239)
```
#72f0f1
```
#72f0f1 rgb(114,240,241)
```
#84f2f3
```
#84f2f3 rgb(132,242,243)
```
#96f4f4
```
#96f4f4 rgb(150,244,244)
```
#a8f6f6
```
#a8f6f6 rgb(168,246,246)
```
#b9f8f8
```
#b9f8f8 rgb(185,248,248)
```
#cbfafa
```
#cbfafa rgb(203,250,250)
```
#ddfbfc
```
#ddfbfc rgb(221,251,252)
```
#effdfd
```
#effdfd rgb(239,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6868 is the less saturated color, while #03c2c3 is the most saturated one.

#5e6868
```
#5e6868 rgb(94,104,104)
```
#576f6f
```
#576f6f rgb(87,111,111)
```
#4f7777
```
#4f7777 rgb(79,119,119)
```
#477e7f
```
#477e7f rgb(71,126,127)
```
#408686
```
#408686 rgb(64,134,134)
```
#388d8e
```
#388d8e rgb(56,141,142)
```
#309596
```
#309596 rgb(48,149,150)
```
#299c9d
```
#299c9d rgb(41,156,157)
```
#21a4a5
```
#21a4a5 rgb(33,164,165)
```
#1aabac
```
#1aabac rgb(26,171,172)
```
#12b3b4
```
#12b3b4 rgb(18,179,180)
```
#0abbbc
```
#0abbbc rgb(10,187,188)
```
#03c2c3
```
#03c2c3 rgb(3,194,195)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6c8d8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a5ad Protanopia 1% of men
#a8a2bf Deuteranopia 1% of men
#2fb5c2 Tritanopia 0.001% of the population

Trichromacy

#70aab0 Protanomaly 1% of men, 0.01% of women
#71a8bb Deuteranomaly 6% of men, 0.4% of women
#24b4bd Tritanomaly 0.01% of the population

#12b3b4 hex color

#12b3b4 Color Information

#12b3b4 Color Conversion

Color Schemes with #12b3b4

Alternatives to #12b3b4

#12b3b4 Preview

Shades and Tints of #12b3b4

Tones of #12b3b4

Color Blindness Simulator