#30515a hex color

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

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

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

The hexadecimal color #30515a has RGB values of R:48, G:81, B:90 and CMYK values of C:0.47, M:0.1, Y:0, K:0.65. Its decimal value is 3166554.

Hex triplet	30515a	`#30515a`
RGB Decimal	48, 81, 90	`rgb(48,81,90)`
RGB Percent	18.8, 31.8, 35.3	`rgb(18.8%,31.8%,35.3%)`
CMYK	47, 10, 0, 65
HSL	192.9°, 30.4, 27.1	`hsl(192.9,30.4%,27.1%)`
HSV (or HSB)	192.9°, 46.7, 35.3
Web Safe	336666	`#336666`

CIE-LAB	32.372, -9.343, -9.053
XYZ	6.006, 7.251, 10.755
xyY	0.25, 0.302, 7.251
CIE-LCH	32.372, 13.009, 224.096
CIE-LUV	32.372, -14.496, -10.314
Hunter-Lab	26.928, -7.309, -4.832
Binary	00110000, 01010001, 01011010

#30515a
```
#30515a rgb(48,81,90)
```
#5a3930
```
#5a3930 rgb(90,57,48)
```

Complementary Color

#305a4e
```
#305a4e rgb(48,90,78)
```
#30515a
```
#30515a rgb(48,81,90)
```
#303c5a
```
#303c5a rgb(48,60,90)
```

Analogous Color

#5a4e30
```
#5a4e30 rgb(90,78,48)
```
#30515a
```
#30515a rgb(48,81,90)
```
#5a303c
```
#5a303c rgb(90,48,60)
```

Split Complementary Color

#515a30
```
#515a30 rgb(81,90,48)
```
#30515a
```
#30515a rgb(48,81,90)
```
#5a3051
```
#5a3051 rgb(90,48,81)
```

Triadic Color

#305a39
```
#305a39 rgb(48,90,57)
```
#30515a
```
#30515a rgb(48,81,90)
```
#5a3051
```
#5a3051 rgb(90,48,81)
```
#5a3930
```
#5a3930 rgb(90,57,48)
```

Tetradic Color

#152428
```
#152428 rgb(21,36,40)
```
#1e3339
```
#1e3339 rgb(30,51,57)
```
#274249
```
#274249 rgb(39,66,73)
```
#30515a
```
#30515a rgb(48,81,90)
```
#39606b
```
#39606b rgb(57,96,107)
```
#426f7b
```
#426f7b rgb(66,111,123)
```
#4b7e8c
```
#4b7e8c rgb(75,126,140)
```

Monochromatic Color

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

#305a59
```
#305a59 rgb(48,90,89)
```
#30585a
```
#30585a rgb(48,88,90)
```
#30555a
```
#30555a rgb(48,85,90)
```
#30515a
```
#30515a rgb(48,81,90)
```
#304e5a
```
#304e5a rgb(48,78,90)
```
#304a5a
```
#304a5a rgb(48,74,90)
```
#30475a
```
#30475a rgb(48,71,90)
```

Similar Colors

Text with hexadecimal color #30515a

This text has a font color of #30515a.

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

#30515a background color

This paragraph has a background color of #30515a.

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

#30515a border color

This element has a border color of #30515a.

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

CSS codes

.text {color:#30515a;}

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

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

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)
```
#0e171a
```
#0e171a rgb(14,23,26)
```
#152327
```
#152327 rgb(21,35,39)
```
#1c2e34
```
#1c2e34 rgb(28,46,52)
```
#223a40
```
#223a40 rgb(34,58,64)
```
#29454d
```
#29454d rgb(41,69,77)
```
#30515a
```
#30515a rgb(48,81,90)
```
#375d67
```
#375d67 rgb(55,93,103)
```
#3e6874
```
#3e6874 rgb(62,104,116)
```
#447480
```
#447480 rgb(68,116,128)
```
#4b7f8d
```
#4b7f8d rgb(75,127,141)
```
#528b9a
```
#528b9a rgb(82,139,154)
```

Shade Color Variation

#5996a7
```
#5996a7 rgb(89,150,167)
```
#669ead
```
#669ead rgb(102,158,173)
```
#73a6b4
```
#73a6b4 rgb(115,166,180)
```
#80aebb
```
#80aebb rgb(128,174,187)
```
#8cb6c2
```
#8cb6c2 rgb(140,182,194)
```
#99bec9
```
#99bec9 rgb(153,190,201)
```
#a6c7cf
```
#a6c7cf rgb(166,199,207)
```
#b3cfd6
```
#b3cfd6 rgb(179,207,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 #006c8a is the most saturated one.

#40484a
```
#40484a rgb(64,72,74)
```
#3b4b4f
```
#3b4b4f rgb(59,75,79)
```
#354e55
```
#354e55 rgb(53,78,85)
```
#30515a
```
#30515a rgb(48,81,90)
```
#2b545f
```
#2b545f rgb(43,84,95)
```
#255765
```
#255765 rgb(37,87,101)
```
#205a6a
```
#205a6a rgb(32,90,106)
```
#1b5d6f
```
#1b5d6f rgb(27,93,111)
```
#156075
```
#156075 rgb(21,96,117)
```
#10637a
```
#10637a rgb(16,99,122)
```
#0b667f
```
#0b667f rgb(11,102,127)
```
#066984
```
#066984 rgb(6,105,132)
```
#006c8a
```
#006c8a rgb(0,108,138)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434a4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#53545f Protanopia 1% of men
#555364 Deuteranopia 1% of men
#3a5a60 Tritanopia 0.001% of the population

Trichromacy

#46535d Protanomaly 1% of men, 0.01% of women
#475260 Deuteranomaly 6% of men, 0.4% of women
#36565e Tritanomaly 0.01% of the population

#30515a hex color

#30515a Color Information

#30515a Color Conversion

Color Schemes with #30515a

Alternatives to #30515a

#30515a Preview

Shades and Tints of #30515a

Tones of #30515a

Color Blindness Simulator