#30575a hex color

In a RGB color space, hex #30575a is composed of 18.8% red, 34.1% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 3.3% magenta, 0% yellow and 64.7% black. It has a hue angle of 184.3 degrees, a saturation of 30.4% and a lightness of 27.1%. #30575a color hex could be obtained by blending #60aeb4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 34
- B 35
RGB color chart
- C 47
- M 3
- Y 0
- K 65
CMYK color chart

● #30575a color description : Very dark desaturated cyan.

The hexadecimal color #30575a has RGB values of R:48, G:87, B:90 and CMYK values of C:0.47, M:0.03, Y:0, K:0.65. Its decimal value is 3168090.

Hex triplet	30575a	`#30575a`
RGB Decimal	48, 87, 90	`rgb(48,87,90)`
RGB Percent	18.8, 34.1, 35.3	`rgb(18.8%,34.1%,35.3%)`
CMYK	47, 3, 0, 65
HSL	184.3°, 30.4, 27.1	`hsl(184.3,30.4%,27.1%)`
HSV (or HSB)	184.3°, 46.7, 35.3
Web Safe	336666	`#336666`

CIE-LAB	34.36, -12.894, -6.067
XYZ	6.472, 8.183, 10.911
xyY	0.253, 0.32, 8.183
CIE-LCH	34.36, 14.25, 205.199
CIE-LUV	34.36, -16.964, -6.069
Hunter-Lab	28.605, -9.672, -2.591
Binary	00110000, 01010111, 01011010

#30575a
```
#30575a rgb(48,87,90)
```
#5a3330
```
#5a3330 rgb(90,51,48)
```

Complementary Color

#305a48
```
#305a48 rgb(48,90,72)
```
#30575a
```
#30575a rgb(48,87,90)
```
#30425a
```
#30425a rgb(48,66,90)
```

Analogous Color

#5a4830
```
#5a4830 rgb(90,72,48)
```
#30575a
```
#30575a rgb(48,87,90)
```
#5a3042
```
#5a3042 rgb(90,48,66)
```

Split Complementary Color

#575a30
```
#575a30 rgb(87,90,48)
```
#30575a
```
#30575a rgb(48,87,90)
```
#5a3057
```
#5a3057 rgb(90,48,87)
```

Triadic Color

#305a33
```
#305a33 rgb(48,90,51)
```
#30575a
```
#30575a rgb(48,87,90)
```
#5a3057
```
#5a3057 rgb(90,48,87)
```
#5a3330
```
#5a3330 rgb(90,51,48)
```

Tetradic Color

#152728
```
#152728 rgb(21,39,40)
```
#1e3739
```
#1e3739 rgb(30,55,57)
```
#274749
```
#274749 rgb(39,71,73)
```
#30575a
```
#30575a rgb(48,87,90)
```
#39676b
```
#39676b rgb(57,103,107)
```
#42777b
```
#42777b rgb(66,119,123)
```
#4b878c
```
#4b878c rgb(75,135,140)
```

Monochromatic Color

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

#305a53
```
#305a53 rgb(48,90,83)
```
#305a56
```
#305a56 rgb(48,90,86)
```
#305a5a
```
#305a5a rgb(48,90,90)
```
#30575a
```
#30575a rgb(48,87,90)
```
#30545a
```
#30545a rgb(48,84,90)
```
#30505a
```
#30505a rgb(48,80,90)
```
#304d5a
```
#304d5a rgb(48,77,90)
```

Similar Colors

Text with hexadecimal color #30575a

This text has a font color of #30575a.

<span style="color:#30575a;">Text here</span>

#30575a background color

This paragraph has a background color of #30575a.

<p style="background-color:#30575a;">Content here</p>

#30575a border color

This element has a border color of #30575a.

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

CSS codes

.text {color:#30575a;}

.background {background-color:#30575a;}

.border {border:1px solid #30575a;}

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

#000000
```
#000000 rgb(0,0,0)
```
#070d0d
```
#070d0d rgb(7,13,13)
```
#0e191a
```
#0e191a rgb(14,25,26)
```
#152627
```
#152627 rgb(21,38,39)
```
#1c3234
```
#1c3234 rgb(28,50,52)
```
#223e40
```
#223e40 rgb(34,62,64)
```
#294b4d
```
#294b4d rgb(41,75,77)
```
#30575a
```
#30575a rgb(48,87,90)
```
#376367
```
#376367 rgb(55,99,103)
```
#3e7074
```
#3e7074 rgb(62,112,116)
```
#447c80
```
#447c80 rgb(68,124,128)
```
#4b888d
```
#4b888d rgb(75,136,141)
```
#52959a
```
#52959a rgb(82,149,154)
```

Shade Color Variation

#59a1a7
```
#59a1a7 rgb(89,161,167)
```
#66a8ad
```
#66a8ad rgb(102,168,173)
```
#73b0b4
```
#73b0b4 rgb(115,176,180)
```
#80b7bb
```
#80b7bb rgb(128,183,187)
```
#8cbec2
```
#8cbec2 rgb(140,190,194)
```
#99c5c9
```
#99c5c9 rgb(153,197,201)
```
#a6cdcf
```
#a6cdcf rgb(166,205,207)
```
#b3d4d6
```
#b3d4d6 rgb(179,212,214)
```
#bfdbdd
```
#bfdbdd rgb(191,219,221)
```
#cce2e4
```
#cce2e4 rgb(204,226,228)
```
#d9eaeb
```
#d9eaeb rgb(217,234,235)
```
#e6f1f2
```
#e6f1f2 rgb(230,241,242)
```
#f3f8f8
```
#f3f8f8 rgb(243,248,248)
```

Tint Color Variation

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

#40494a
```
#40494a rgb(64,73,74)
```
#3b4e4f
```
#3b4e4f rgb(59,78,79)
```
#355255
```
#355255 rgb(53,82,85)
```
#30575a
```
#30575a rgb(48,87,90)
```
#2b5c5f
```
#2b5c5f rgb(43,92,95)
```
#256065
```
#256065 rgb(37,96,101)
```
#20656a
```
#20656a rgb(32,101,106)
```
#1b696f
```
#1b696f rgb(27,105,111)
```
#156e75
```
#156e75 rgb(21,110,117)
```
#10727a
```
#10727a rgb(16,114,122)
```
#0b777f
```
#0b777f rgb(11,119,127)
```
#067b84
```
#067b84 rgb(6,123,132)
```
#00808a
```
#00808a rgb(0,128,138)
```

Tone Color Variation

Below, you can see how #30575a 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

#4c4c4c Achromatopsia 0.005% of the population
#464e4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#59595e Protanopia 1% of men
#5c5765 Deuteranopia 1% of men
#3c5f66 Tritanopia 0.001% of the population

Trichromacy

#4a585d Protanomaly 1% of men, 0.01% of women
#4c5761 Deuteranomaly 6% of men, 0.4% of women
#375c61 Tritanomaly 0.01% of the population

#30575a hex color

#30575a Color Information

#30575a Color Conversion

Color Schemes with #30575a

Alternatives to #30575a

#30575a Preview

Shades and Tints of #30575a

Tones of #30575a

Color Blindness Simulator