#30525a hex color

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

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

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

The hexadecimal color #30525a has RGB values of R:48, G:82, B:90 and CMYK values of C:0.47, M:0.09, Y:0, K:0.65. Its decimal value is 3166810.

Hex triplet	30525a	`#30525a`
RGB Decimal	48, 82, 90	`rgb(48,82,90)`
RGB Percent	18.8, 32.2, 35.3	`rgb(18.8%,32.2%,35.3%)`
CMYK	47, 9, 0, 65
HSL	191.4°, 30.4, 27.1	`hsl(191.4,30.4%,27.1%)`
HSV (or HSB)	191.4°, 46.7, 35.3
Web Safe	336666	`#336666`

CIE-LAB	32.702, -9.944, -8.554
XYZ	6.081, 7.401, 10.78
xyY	0.251, 0.305, 7.401
CIE-LCH	32.702, 13.117, 220.702
CIE-LUV	32.702, -14.905, -9.611
Hunter-Lab	27.204, -7.706, -4.452
Binary	00110000, 01010010, 01011010

#30525a
```
#30525a rgb(48,82,90)
```
#5a3830
```
#5a3830 rgb(90,56,48)
```

Complementary Color

#305a4d
```
#305a4d rgb(48,90,77)
```
#30525a
```
#30525a rgb(48,82,90)
```
#303d5a
```
#303d5a rgb(48,61,90)
```

Analogous Color

#5a4d30
```
#5a4d30 rgb(90,77,48)
```
#30525a
```
#30525a rgb(48,82,90)
```
#5a303d
```
#5a303d rgb(90,48,61)
```

Split Complementary Color

#525a30
```
#525a30 rgb(82,90,48)
```
#30525a
```
#30525a rgb(48,82,90)
```
#5a3052
```
#5a3052 rgb(90,48,82)
```

Triadic Color

#305a38
```
#305a38 rgb(48,90,56)
```
#30525a
```
#30525a rgb(48,82,90)
```
#5a3052
```
#5a3052 rgb(90,48,82)
```
#5a3830
```
#5a3830 rgb(90,56,48)
```

Tetradic Color

#152528
```
#152528 rgb(21,37,40)
```
#1e3439
```
#1e3439 rgb(30,52,57)
```
#274349
```
#274349 rgb(39,67,73)
```
#30525a
```
#30525a rgb(48,82,90)
```
#39616b
```
#39616b rgb(57,97,107)
```
#42707b
```
#42707b rgb(66,112,123)
```
#4b7f8c
```
#4b7f8c rgb(75,127,140)
```

Monochromatic Color

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

#305a58
```
#305a58 rgb(48,90,88)
```
#30595a
```
#30595a rgb(48,89,90)
```
#30565a
```
#30565a rgb(48,86,90)
```
#30525a
```
#30525a rgb(48,82,90)
```
#304f5a
```
#304f5a rgb(48,79,90)
```
#304b5a
```
#304b5a rgb(48,75,90)
```
#30485a
```
#30485a rgb(48,72,90)
```

Similar Colors

Text with hexadecimal color #30525a

This text has a font color of #30525a.

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

#30525a background color

This paragraph has a background color of #30525a.

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

#30525a border color

This element has a border color of #30525a.

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

CSS codes

.text {color:#30525a;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070c0d
```
#070c0d rgb(7,12,13)
```
#0e181a
```
#0e181a rgb(14,24,26)
```
#152327
```
#152327 rgb(21,35,39)
```
#1c2f34
```
#1c2f34 rgb(28,47,52)
```
#223b40
```
#223b40 rgb(34,59,64)
```
#29464d
```
#29464d rgb(41,70,77)
```
#30525a
```
#30525a rgb(48,82,90)
```
#375e67
```
#375e67 rgb(55,94,103)
```
#3e6974
```
#3e6974 rgb(62,105,116)
```
#447580
```
#447580 rgb(68,117,128)
```
#4b818d
```
#4b818d rgb(75,129,141)
```
#528c9a
```
#528c9a rgb(82,140,154)
```

Shade Color Variation

#5998a7
```
#5998a7 rgb(89,152,167)
```
#66a0ad
```
#66a0ad rgb(102,160,173)
```
#73a8b4
```
#73a8b4 rgb(115,168,180)
```
#80b0bb
```
#80b0bb rgb(128,176,187)
```
#8cb8c2
```
#8cb8c2 rgb(140,184,194)
```
#99c0c9
```
#99c0c9 rgb(153,192,201)
```
#a6c8cf
```
#a6c8cf rgb(166,200,207)
```
#b3d0d6
```
#b3d0d6 rgb(179,208,214)
```
#bfd7dd
```
#bfd7dd rgb(191,215,221)
```
#ccdfe4
```
#ccdfe4 rgb(204,223,228)
```
#d9e7eb
```
#d9e7eb rgb(217,231,235)
```
#e6eff2
```
#e6eff2 rgb(230,239,242)
```
#f3f7f8
```
#f3f7f8 rgb(243,247,248)
```

Tint Color Variation

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

#40484a
```
#40484a rgb(64,72,74)
```
#3b4b4f
```
#3b4b4f rgb(59,75,79)
```
#354f55
```
#354f55 rgb(53,79,85)
```
#30525a
```
#30525a rgb(48,82,90)
```
#2b555f
```
#2b555f rgb(43,85,95)
```
#255965
```
#255965 rgb(37,89,101)
```
#205c6a
```
#205c6a rgb(32,92,106)
```
#1b5f6f
```
#1b5f6f rgb(27,95,111)
```
#156275
```
#156275 rgb(21,98,117)
```
#10667a
```
#10667a rgb(16,102,122)
```
#0b697f
```
#0b697f rgb(11,105,127)
```
#066c84
```
#066c84 rgb(6,108,132)
```
#00708a
```
#00708a rgb(0,112,138)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444b4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#54555f Protanopia 1% of men
#565464 Deuteranopia 1% of men
#3a5b61 Tritanopia 0.001% of the population

Trichromacy

#47545d Protanomaly 1% of men, 0.01% of women
#485360 Deuteranomaly 6% of men, 0.4% of women
#36575e Tritanomaly 0.01% of the population

#30525a hex color

#30525a Color Information

#30525a Color Conversion

Color Schemes with #30525a

Alternatives to #30525a

#30525a Preview

Shades and Tints of #30525a

Tones of #30525a

Color Blindness Simulator