#30474a hex color

In a RGB color space, hex #30474a is composed of 18.8% red, 27.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 4.1% magenta, 0% yellow and 71% black. It has a hue angle of 186.9 degrees, a saturation of 21.3% and a lightness of 23.9%. #30474a color hex could be obtained by blending #608e94 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 28
- B 29
RGB color chart
- C 35
- M 4
- Y 0
- K 71
CMYK color chart

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

The hexadecimal color #30474a has RGB values of R:48, G:71, B:74 and CMYK values of C:0.35, M:0.04, Y:0, K:0.71. Its decimal value is 3163978.

Hex triplet	30474a	`#30474a`
RGB Decimal	48, 71, 74	`rgb(48,71,74)`
RGB Percent	18.8, 27.8, 29	`rgb(18.8%,27.8%,29%)`
CMYK	35, 4, 0, 71
HSL	186.9°, 21.3, 23.9	`hsl(186.9,21.3%,23.9%)`
HSV (or HSB)	186.9°, 35.1, 29
Web Safe	333333	`#333333`

CIE-LAB	28.457, -7.998, -4.661
XYZ	4.708, 5.629, 7.317
xyY	0.267, 0.319, 5.629
CIE-LCH	28.457, 9.257, 210.233
CIE-LUV	28.457, -10.48, -4.554
Hunter-Lab	23.726, -6.1, -1.676
Binary	00110000, 01000111, 01001010

#30474a
```
#30474a rgb(48,71,74)
```
#4a3330
```
#4a3330 rgb(74,51,48)
```

Complementary Color

#304a40
```
#304a40 rgb(48,74,64)
```
#30474a
```
#30474a rgb(48,71,74)
```
#303a4a
```
#303a4a rgb(48,58,74)
```

Analogous Color

#4a4030
```
#4a4030 rgb(74,64,48)
```
#30474a
```
#30474a rgb(48,71,74)
```
#4a303a
```
#4a303a rgb(74,48,58)
```

Split Complementary Color

#474a30
```
#474a30 rgb(71,74,48)
```
#30474a
```
#30474a rgb(48,71,74)
```
#4a3047
```
#4a3047 rgb(74,48,71)
```

Triadic Color

#304a33
```
#304a33 rgb(48,74,51)
```
#30474a
```
#30474a rgb(48,71,74)
```
#4a3047
```
#4a3047 rgb(74,48,71)
```
#4a3330
```
#4a3330 rgb(74,51,48)
```

Tetradic Color

#121a1c
```
#121a1c rgb(18,26,28)
```
#1c292b
```
#1c292b rgb(28,41,43)
```
#26383b
```
#26383b rgb(38,56,59)
```
#30474a
```
#30474a rgb(48,71,74)
```
#3a5659
```
#3a5659 rgb(58,86,89)
```
#446569
```
#446569 rgb(68,101,105)
```
#4e7478
```
#4e7478 rgb(78,116,120)
```

Monochromatic Color

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

#304a47
```
#304a47 rgb(48,74,71)
```
#304a49
```
#304a49 rgb(48,74,73)
```
#30494a
```
#30494a rgb(48,73,74)
```
#30474a
```
#30474a rgb(48,71,74)
```
#30454a
```
#30454a rgb(48,69,74)
```
#30434a
```
#30434a rgb(48,67,74)
```
#30414a
```
#30414a rgb(48,65,74)
```

Similar Colors

Text with hexadecimal color #30474a

This text has a font color of #30474a.

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

#30474a background color

This paragraph has a background color of #30474a.

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

#30474a border color

This element has a border color of #30474a.

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

CSS codes

.text {color:#30474a;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090e0f
```
#090e0f rgb(9,14,15)
```
#11191a
```
#11191a rgb(17,25,26)
```
#192526
```
#192526 rgb(25,37,38)
```
#213032
```
#213032 rgb(33,48,50)
```
#283c3e
```
#283c3e rgb(40,60,62)
```
#30474a
```
#30474a rgb(48,71,74)
```
#385256
```
#385256 rgb(56,82,86)
```
#3f5e62
```
#3f5e62 rgb(63,94,98)
```
#47696e
```
#47696e rgb(71,105,110)
```
#4f757a
```
#4f757a rgb(79,117,122)
```
#578085
```
#578085 rgb(87,128,133)
```
#5e8b91
```
#5e8b91 rgb(94,139,145)
```

Shade Color Variation

#67969c
```
#67969c rgb(103,150,156)
```
#739ea4
```
#739ea4 rgb(115,158,164)
```
#7fa7ac
```
#7fa7ac rgb(127,167,172)
```
#8bafb4
```
#8bafb4 rgb(139,175,180)
```
#97b7bb
```
#97b7bb rgb(151,183,187)
```
#a2bfc3
```
#a2bfc3 rgb(162,191,195)
```
#aec7cb
```
#aec7cb rgb(174,199,203)
```
#bad0d2
```
#bad0d2 rgb(186,208,210)
```
#c6d8da
```
#c6d8da rgb(198,216,218)
```
#d2e0e2
```
#d2e0e2 rgb(210,224,226)
```
#dee8ea
```
#dee8ea rgb(222,232,234)
```
#eaf0f1
```
#eaf0f1 rgb(234,240,241)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#394041
```
#394041 rgb(57,64,65)
```
#354345
```
#354345 rgb(53,67,69)
```
#30474a
```
#30474a rgb(48,71,74)
```
#2b4b4f
```
#2b4b4f rgb(43,75,79)
```
#274e53
```
#274e53 rgb(39,78,83)
```
#225258
```
#225258 rgb(34,82,88)
```
#1d555d
```
#1d555d rgb(29,85,93)
```
#195961
```
#195961 rgb(25,89,97)
```
#145d66
```
#145d66 rgb(20,93,102)
```
#0f606b
```
#0f606b rgb(15,96,107)
```
#0a6470
```
#0a6470 rgb(10,100,112)
```
#066774
```
#066774 rgb(6,103,116)
```
#016b79
```
#016b79 rgb(1,107,121)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d4142 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4c51 Protanopia 1% of men
#4f4b55 Deuteranopia 1% of men
#3b5055 Tritanopia 0.001% of the population

Trichromacy

#424a4e Protanomaly 1% of men, 0.01% of women
#444951 Deuteranomaly 6% of men, 0.4% of women
#374c51 Tritanomaly 0.01% of the population

#30474a hex color

#30474a Color Information

#30474a Color Conversion

Color Schemes with #30474a

Alternatives to #30474a

#30474a Preview

Shades and Tints of #30474a

Tones of #30474a

Color Blindness Simulator