#34C5BA Color Information


In the RGB color space, #34C5BA is composed of 20.3922% red, 77.2549% green, and 72.9412% blue.

In the CMYK color space, #34C5BA is composed of 73.61% cyan, 0% magenta, 5.58% yellow, and 22.75% black,

It has a hue angle of 175.5 degrees, a saturation of 58.23%, and a lightness of 48.82%.

The closest websafe color is #33CCCC.

#34C5BA RGB Values

#34C5BA CMYK Values



#34C5BA Color Conversion


The hexadecimal color #34C5BA has RGB values of R:52, G:197, B:186 and CMYK values of C:73.61, M:0, Y:5.58, K:22.75. It has a decimal value of 3458490.


Hexadecimal #34C5BA #34C5BA
RGB Decimal 52, 197, 186 rgb(52, 197, 186)
RGB Percent 20.3922, 77.2549, 72.9412 rgb(20.3922%, 77.2549%, 72.9412%)
RGB Proportion 0.2039, 0.7725, 0.7294 rgb(0.2039, 0.7725, 0.7294)
CMYK 73.61, 0, 5.58, 22.75
HSL 175.5ยบ, 58.23, 48.82 hsl(175.5, 58.23%, 48.82%)
Websafe 33CCCC #33CCCC
XYZ 30.242, 44.202, 53.391
Yxy 44.202, 0.237, 0.346
CIE-LAB 72.363, -39.531, -5.362
CIE-LCH 72.363, 39.893, 187.724
CIE-LUV 72.363, -52.773, -2.074
Hunter-Lab 66.485, -35.153, -1.074

Color Schemes For #34C5BA


Colors that go well with #34C5BA.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #34C5BA


Colors similar to #34C5BA.


#34C5BA Preview


Common HTML and CSS shortcodes for #34C5BA.

Text with color #34C5BA


The quick brown fox jumps over the lazy dog.

<div style="color: #34C5BA;">The quick brown fox jumps over the lazy dog.</div>

#34C5BA as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #34C5BA;">The quick brown fox jumps over the lazy dog.</div>

Border with #34C5BA


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #34C5BA;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #34C5BA


Linear gradient from #34C5BA to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#34C5BA, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #34C5BA


Radial gradient from #34C5BA to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#34C5BA, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #34C5BA and its Complementary Color


Linear gradient from #34C5BA to #CB3A45.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#34C5BA, #CB3A45);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #34C5BA and its Complementary Color


Radial gradient from #34C5BA to #CB3A45.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#34C5BA, #CB3A45);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #34C5BA; } .background { background-color: #34C5BA; } .border { border: 1px solid #34C5BA; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #34C5BA


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #010403 while the lightest tint is #FCFEFE.

Shades


Tints

Random Colors