#33a295 hex color

In a RGB color space, hex #33a295 is composed of 20% red, 63.5% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 0% magenta, 8% yellow and 36.5% black. It has a hue angle of 173 degrees, a saturation of 52.1% and a lightness of 41.8%. #33a295 color hex could be obtained by blending #66ffff with #00452b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 64
- B 58
RGB color chart
- C 69
- M 0
- Y 8
- K 36
CMYK color chart

● #33a295 color description : Dark moderate cyan.

The hexadecimal color #33a295 has RGB values of R:51, G:162, B:149 and CMYK values of C:0.69, M:0, Y:0.08, K:0.36. Its decimal value is 3383957.

Hex triplet	33a295	`#33a295`
RGB Decimal	51, 162, 149	`rgb(51,162,149)`
RGB Percent	20, 63.5, 58.4	`rgb(20%,63.5%,58.4%)`
CMYK	69, 0, 8, 36
HSL	173°, 52.1, 41.8	`hsl(173,52.1%,41.8%)`
HSV (or HSB)	173°, 68.5, 63.5
Web Safe	339999	`#339999`

CIE-LAB	60.527, -33.915, -2.312
XYZ	19.709, 28.713, 32.936
xyY	0.242, 0.353, 28.713
CIE-LCH	60.527, 33.993, 183.9
CIE-LUV	60.527, -42.724, 1.721
Hunter-Lab	53.584, -28.119, 1.066
Binary	00110011, 10100010, 10010101

#33a295
```
#33a295 rgb(51,162,149)
```
#a23340
```
#a23340 rgb(162,51,64)
```

Complementary Color

#33a25e
```
#33a25e rgb(51,162,94)
```
#33a295
```
#33a295 rgb(51,162,149)
```
#3378a2
```
#3378a2 rgb(51,120,162)
```

Analogous Color

#a25e33
```
#a25e33 rgb(162,94,51)
```
#33a295
```
#33a295 rgb(51,162,149)
```
#a23378
```
#a23378 rgb(162,51,120)
```

Split Complementary Color

#a29533
```
#a29533 rgb(162,149,51)
```
#33a295
```
#33a295 rgb(51,162,149)
```
#9533a2
```
#9533a2 rgb(149,51,162)
```

Triadic Color

#40a233
```
#40a233 rgb(64,162,51)
```
#33a295
```
#33a295 rgb(51,162,149)
```
#9533a2
```
#9533a2 rgb(149,51,162)
```
#a23340
```
#a23340 rgb(162,51,64)
```

Tetradic Color

#21685f
```
#21685f rgb(33,104,95)
```
#277b71
```
#277b71 rgb(39,123,113)
```
#2d8f83
```
#2d8f83 rgb(45,143,131)
```
#33a295
```
#33a295 rgb(51,162,149)
```
#39b5a7
```
#39b5a7 rgb(57,181,167)
```
#44c4b5
```
#44c4b5 rgb(68,196,181)
```
#57cabd
```
#57cabd rgb(87,202,189)
```

Monochromatic Color

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

#33a279
```
#33a279 rgb(51,162,121)
```
#33a283
```
#33a283 rgb(51,162,131)
```
#33a28c
```
#33a28c rgb(51,162,140)
```
#33a295
```
#33a295 rgb(51,162,149)
```
#33a29e
```
#33a29e rgb(51,162,158)
```
#339da2
```
#339da2 rgb(51,157,162)
```
#3393a2
```
#3393a2 rgb(51,147,162)
```

Similar Colors

Text with hexadecimal color #33a295

This text has a font color of #33a295.

<span style="color:#33a295;">Text here</span>

#33a295 background color

This paragraph has a background color of #33a295.

<p style="background-color:#33a295;">Content here</p>

#33a295 border color

This element has a border color of #33a295.

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

CSS codes

.text {color:#33a295;}

.background {background-color:#33a295;}

.border {border:1px solid #33a295;}

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, #040d0c is the darkest color, while #fdfefe is the lightest one.

#040d0c
```
#040d0c rgb(4,13,12)
```
#091c1a
```
#091c1a rgb(9,28,26)
```
#0d2b27
```
#0d2b27 rgb(13,43,39)
```
#123a35
```
#123a35 rgb(18,58,53)
```
#174843
```
#174843 rgb(23,72,67)
```
#1c5750
```
#1c5750 rgb(28,87,80)
```
#20665e
```
#20665e rgb(32,102,94)
```
#25756c
```
#25756c rgb(37,117,108)
```
#2a847a
```
#2a847a rgb(42,132,122)
```
#2e9387
```
#2e9387 rgb(46,147,135)
```
#33a295
```
#33a295 rgb(51,162,149)
```
#38b1a3
```
#38b1a3 rgb(56,177,163)
```
#3cc0b0
```
#3cc0b0 rgb(60,192,176)
```

Shade Color Variation

#4ac6b7
```
#4ac6b7 rgb(74,198,183)
```
#59cbbd
```
#59cbbd rgb(89,203,189)
```
#68cfc3
```
#68cfc3 rgb(104,207,195)
```
#77d4c9
```
#77d4c9 rgb(119,212,201)
```
#86d9cf
```
#86d9cf rgb(134,217,207)
```
#94ddd5
```
#94ddd5 rgb(148,221,213)
```
#a3e2db
```
#a3e2db rgb(163,226,219)
```
#b2e7e1
```
#b2e7e1 rgb(178,231,225)
```
#c1ece7
```
#c1ece7 rgb(193,236,231)
```
#d0f0ec
```
#d0f0ec rgb(208,240,236)
```
#dff5f2
```
#dff5f2 rgb(223,245,242)
```
#eefaf8
```
#eefaf8 rgb(238,250,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64716f is the less saturated color, while #02d3bb is the most saturated one.

#64716f
```
#64716f rgb(100,113,111)
```
#5c7976
```
#5c7976 rgb(92,121,118)
```
#54817c
```
#54817c rgb(84,129,124)
```
#4c8982
```
#4c8982 rgb(76,137,130)
```
#439288
```
#439288 rgb(67,146,136)
```
#3b9a8f
```
#3b9a8f rgb(59,154,143)
```
#33a295
```
#33a295 rgb(51,162,149)
```
#2baa9b
```
#2baa9b rgb(43,170,155)
```
#23b2a2
```
#23b2a2 rgb(35,178,162)
```
#1abba8
```
#1abba8 rgb(26,187,168)
```
#12c3ae
```
#12c3ae rgb(18,195,174)
```
#0acbb4
```
#0acbb4 rgb(10,203,180)
```
#02d3bb
```
#02d3bb rgb(2,211,187)
```

Tone Color Variation

Below, you can see how #33a295 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

#7f7f7f Achromatopsia 0.005% of the population
#708683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9692 Protanopia 1% of men
#a093a1 Deuteranopia 1% of men
#4aa3af Tritanopia 0.001% of the population

Trichromacy

#759a93 Protanomaly 1% of men, 0.01% of women
#78989c Deuteranomaly 6% of men, 0.4% of women
#41a3a5 Tritanomaly 0.01% of the population

#33a295 hex color

#33a295 Color Information

#33a295 Color Conversion

Color Schemes with #33a295

Alternatives to #33a295

#33a295 Preview

Shades and Tints of #33a295

Tones of #33a295

Color Blindness Simulator