#34b8cc hex color

In a RGB color space, hex #34b8cc is composed of 20.4% red, 72.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 9.8% magenta, 0% yellow and 20% black. It has a hue angle of 187.9 degrees, a saturation of 59.8% and a lightness of 50.2%. #34b8cc color hex could be obtained by blending #68ffff with #007199. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 20
- G 72
- B 80
RGB color chart
- C 75
- M 10
- Y 0
- K 20
CMYK color chart

● #34b8cc color description : Moderate cyan.

The hexadecimal color #34b8cc has RGB values of R:52, G:184, B:204 and CMYK values of C:0.75, M:0.1, Y:0, K:0.2. Its decimal value is 3455180.

Hex triplet	34b8cc	`#34b8cc`
RGB Decimal	52, 184, 204	`rgb(52,184,204)`
RGB Percent	20.4, 72.2, 80	`rgb(20.4%,72.2%,80%)`
CMYK	75, 10, 0, 20
HSL	187.9°, 59.8, 50.2	`hsl(187.9,59.8%,50.2%)`
HSV (or HSB)	187.9°, 74.5, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.017, -28.103, -20.226
XYZ	29.453, 39.368, 63.17
xyY	0.223, 0.298, 39.368
CIE-LCH	69.017, 34.625, 215.742
CIE-LUV	69.017, -46.926, -27.486
Hunter-Lab	62.744, -26.012, -15.772
Binary	00110100, 10111000, 11001100

#34b8cc
```
#34b8cc rgb(52,184,204)
```
#cc4834
```
#cc4834 rgb(204,72,52)
```

Complementary Color

#34cc94
```
#34cc94 rgb(52,204,148)
```
#34b8cc
```
#34b8cc rgb(52,184,204)
```
#346ccc
```
#346ccc rgb(52,108,204)
```

Analogous Color

#cc9434
```
#cc9434 rgb(204,148,52)
```
#34b8cc
```
#34b8cc rgb(52,184,204)
```
#cc346c
```
#cc346c rgb(204,52,108)
```

Split Complementary Color

#b8cc34
```
#b8cc34 rgb(184,204,52)
```
#34b8cc
```
#34b8cc rgb(52,184,204)
```
#cc34b8
```
#cc34b8 rgb(204,52,184)
```

Triadic Color

#34cc48
```
#34cc48 rgb(52,204,72)
```
#34b8cc
```
#34b8cc rgb(52,184,204)
```
#cc34b8
```
#cc34b8 rgb(204,52,184)
```
#cc4834
```
#cc4834 rgb(204,72,52)
```

Tetradic Color

#24818f
```
#24818f rgb(36,129,143)
```
#2994a4
```
#2994a4 rgb(41,148,164)
```
#2ea6b8
```
#2ea6b8 rgb(46,166,184)
```
#34b8cc
```
#34b8cc rgb(52,184,204)
```
#48bfd1
```
#48bfd1 rgb(72,191,209)
```
#5dc6d6
```
#5dc6d6 rgb(93,198,214)
```
#71cddb
```
#71cddb rgb(113,205,219)
```

Monochromatic Color

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

#34ccba
```
#34ccba rgb(52,204,186)
```
#34ccc7
```
#34ccc7 rgb(52,204,199)
```
#34c5cc
```
#34c5cc rgb(52,197,204)
```
#34b8cc
```
#34b8cc rgb(52,184,204)
```
#34abcc
```
#34abcc rgb(52,171,204)
```
#349fcc
```
#349fcc rgb(52,159,204)
```
#3492cc
```
#3492cc rgb(52,146,204)
```

Similar Colors

Text with hexadecimal color #34b8cc

This text has a font color of #34b8cc.

<span style="color:#34b8cc;">Text here</span>

#34b8cc background color

This paragraph has a background color of #34b8cc.

<p style="background-color:#34b8cc;">Content here</p>

#34b8cc border color

This element has a border color of #34b8cc.

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

CSS codes

.text {color:#34b8cc;}

.background {background-color:#34b8cc;}

.border {border:1px solid #34b8cc;}

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

#000101
```
#000101 rgb(0,1,1)
```
#040f10
```
#040f10 rgb(4,15,16)
```
#081d20
```
#081d20 rgb(8,29,32)
```
#0c2b30
```
#0c2b30 rgb(12,43,48)
```
#103940
```
#103940 rgb(16,57,64)
```
#14474f
```
#14474f rgb(20,71,79)
```
#18565f
```
#18565f rgb(24,86,95)
```
#1c646f
```
#1c646f rgb(28,100,111)
```
#20727e
```
#20727e rgb(32,114,126)
```
#24808e
```
#24808e rgb(36,128,142)
```
#288e9e
```
#288e9e rgb(40,142,158)
```
#2c9cad
```
#2c9cad rgb(44,156,173)
```
#2faabd
```
#2faabd rgb(47,170,189)
```

Shade Color Variation

#34b8cc
```
#34b8cc rgb(52,184,204)
```
#44bdd0
```
#44bdd0 rgb(68,189,208)
```
#53c3d4
```
#53c3d4 rgb(83,195,212)
```
#63c8d8
```
#63c8d8 rgb(99,200,216)
```
#73cedc
```
#73cedc rgb(115,206,220)
```
#82d3e0
```
#82d3e0 rgb(130,211,224)
```
#92d9e4
```
#92d9e4 rgb(146,217,228)
```
#a2dee8
```
#a2dee8 rgb(162,222,232)
```
#b1e4ec
```
#b1e4ec rgb(177,228,236)
```
#c1e9ef
```
#c1e9ef rgb(193,233,239)
```
#d1eff3
```
#d1eff3 rgb(209,239,243)
```
#e0f4f7
```
#e0f4f7 rgb(224,244,247)
```
#f0fafb
```
#f0fafb rgb(240,250,251)
```

Tint Color Variation

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

#788688
```
#788688 rgb(120,134,136)
```
#6f8d91
```
#6f8d91 rgb(111,141,145)
```
#65949b
```
#65949b rgb(101,148,155)
```
#5b9ba5
```
#5b9ba5 rgb(91,155,165)
```
#51a2af
```
#51a2af rgb(81,162,175)
```
#48aab8
```
#48aab8 rgb(72,170,184)
```
#3eb1c2
```
#3eb1c2 rgb(62,177,194)
```
#34b8cc
```
#34b8cc rgb(52,184,204)
```
#2abfd6
```
#2abfd6 rgb(42,191,214)
```
#20c6e0
```
#20c6e0 rgb(32,198,224)
```
#17cee9
```
#17cee9 rgb(23,206,233)
```
#0dd5f3
```
#0dd5f3 rgb(13,213,243)
```
#03dcfd
```
#03dcfd rgb(3,220,253)
```

Tone Color Variation

Below, you can see how #34b8cc 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

#939393 Achromatopsia 0.005% of the population
#809a9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8abc4 Protanopia 1% of men
#a6a9d5 Deuteranopia 1% of men
#3abcca Tritanopia 0.001% of the population

Trichromacy

#7db0c7 Protanomaly 1% of men, 0.01% of women
#7dafd2 Deuteranomaly 6% of men, 0.4% of women
#38baca Tritanomaly 0.01% of the population

#34b8cc hex color

#34b8cc Color Information

#34b8cc Color Conversion

Color Schemes with #34b8cc

Alternatives to #34b8cc

#34b8cc Preview

Shades and Tints of #34b8cc

Tones of #34b8cc

Color Blindness Simulator