#30576f hex color

In a RGB color space, hex #30576f is composed of 18.8% red, 34.1% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 21.6% magenta, 0% yellow and 56.5% black. It has a hue angle of 202.9 degrees, a saturation of 39.6% and a lightness of 31.2%. #30576f color hex could be obtained by blending #60aede with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 34
- B 44
RGB color chart
- C 57
- M 22
- Y 0
- K 56
CMYK color chart

● #30576f color description : Very dark desaturated blue.

The hexadecimal color #30576f has RGB values of R:48, G:87, B:111 and CMYK values of C:0.57, M:0.22, Y:0, K:0.56. Its decimal value is 3168111.

Hex triplet	30576f	`#30576f`
RGB Decimal	48, 87, 111	`rgb(48,87,111)`
RGB Percent	18.8, 34.1, 43.5	`rgb(18.8%,34.1%,43.5%)`
CMYK	57, 22, 0, 56
HSL	202.9°, 39.6, 31.2	`hsl(202.9,39.6%,31.2%)`
HSV (or HSB)	202.9°, 56.8, 43.5
Web Safe	336666	`#336666`

CIE-LAB	35.187, -6.214, -17.946
XYZ	7.496, 8.592, 16.301
xyY	0.231, 0.265, 8.592
CIE-LCH	35.187, 18.991, 250.9
CIE-LUV	35.187, -16.475, -23.319
Hunter-Lab	29.312, -5.65, -12.455
Binary	00110000, 01010111, 01101111

#30576f
```
#30576f rgb(48,87,111)
```
#6f4830
```
#6f4830 rgb(111,72,48)
```

Complementary Color

#306f68
```
#306f68 rgb(48,111,104)
```
#30576f
```
#30576f rgb(48,87,111)
```
#30386f
```
#30386f rgb(48,56,111)
```

Analogous Color

#6f6830
```
#6f6830 rgb(111,104,48)
```
#30576f
```
#30576f rgb(48,87,111)
```
#6f3038
```
#6f3038 rgb(111,48,56)
```

Split Complementary Color

#576f30
```
#576f30 rgb(87,111,48)
```
#30576f
```
#30576f rgb(48,87,111)
```
#6f3057
```
#6f3057 rgb(111,48,87)
```

Triadic Color

#306f48
```
#306f48 rgb(48,111,72)
```
#30576f
```
#30576f rgb(48,87,111)
```
#6f3057
```
#6f3057 rgb(111,48,87)
```
#6f4830
```
#6f4830 rgb(111,72,48)
```

Tetradic Color

#192d3a
```
#192d3a rgb(25,45,58)
```
#213b4b
```
#213b4b rgb(33,59,75)
```
#28495d
```
#28495d rgb(40,73,93)
```
#30576f
```
#30576f rgb(48,87,111)
```
#386581
```
#386581 rgb(56,101,129)
```
#3f7393
```
#3f7393 rgb(63,115,147)
```
#4781a4
```
#4781a4 rgb(71,129,164)
```

Monochromatic Color

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

#30676f
```
#30676f rgb(48,103,111)
```
#30626f
```
#30626f rgb(48,98,111)
```
#305c6f
```
#305c6f rgb(48,92,111)
```
#30576f
```
#30576f rgb(48,87,111)
```
#30526f
```
#30526f rgb(48,82,111)
```
#304d6f
```
#304d6f rgb(48,77,111)
```
#30476f
```
#30476f rgb(48,71,111)
```

Similar Colors

Text with hexadecimal color #30576f

This text has a font color of #30576f.

<span style="color:#30576f;">Text here</span>

#30576f background color

This paragraph has a background color of #30576f.

<p style="background-color:#30576f;">Content here</p>

#30576f border color

This element has a border color of #30576f.

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

CSS codes

.text {color:#30576f;}

.background {background-color:#30576f;}

.border {border:1px solid #30576f;}

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

#010101
```
#010101 rgb(1,1,1)
```
#070c0f
```
#070c0f rgb(7,12,15)
```
#0c171d
```
#0c171d rgb(12,23,29)
```
#12212b
```
#12212b rgb(18,33,43)
```
#182c38
```
#182c38 rgb(24,44,56)
```
#1e3746
```
#1e3746 rgb(30,55,70)
```
#244254
```
#244254 rgb(36,66,84)
```
#2a4c61
```
#2a4c61 rgb(42,76,97)
```
#30576f
```
#30576f rgb(48,87,111)
```
#36627d
```
#36627d rgb(54,98,125)
```
#3c6c8a
```
#3c6c8a rgb(60,108,138)
```
#427798
```
#427798 rgb(66,119,152)
```
#4882a6
```
#4882a6 rgb(72,130,166)
```

Shade Color Variation

#4e8cb3
```
#4e8cb3 rgb(78,140,179)
```
#5c95b9
```
#5c95b9 rgb(92,149,185)
```
#6a9ebe
```
#6a9ebe rgb(106,158,190)
```
#78a7c4
```
#78a7c4 rgb(120,167,196)
```
#85b0ca
```
#85b0ca rgb(133,176,202)
```
#93b9d0
```
#93b9d0 rgb(147,185,208)
```
#a1c2d6
```
#a1c2d6 rgb(161,194,214)
```
#aecbdc
```
#aecbdc rgb(174,203,220)
```
#bcd4e2
```
#bcd4e2 rgb(188,212,226)
```
#cadce8
```
#cadce8 rgb(202,220,232)
```
#d7e5ee
```
#d7e5ee rgb(215,229,238)
```
#e5eef4
```
#e5eef4 rgb(229,238,244)
```
#f3f7fa
```
#f3f7fa rgb(243,247,250)
```

Tint Color Variation

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

#4f5050
```
#4f5050 rgb(79,80,80)
```
#485157
```
#485157 rgb(72,81,87)
```
#42535d
```
#42535d rgb(66,83,93)
```
#3c5463
```
#3c5463 rgb(60,84,99)
```
#365669
```
#365669 rgb(54,86,105)
```
#30576f
```
#30576f rgb(48,87,111)
```
#2a5875
```
#2a5875 rgb(42,88,117)
```
#245a7b
```
#245a7b rgb(36,90,123)
```
#1e5b81
```
#1e5b81 rgb(30,91,129)
```
#185d87
```
#185d87 rgb(24,93,135)
```
#115e8e
```
#115e8e rgb(17,94,142)
```
#0b6094
```
#0b6094 rgb(11,96,148)
```
#05619a
```
#05619a rgb(5,97,154)
```

Tone Color Variation

Below, you can see how #30576f 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

#4e4e4e Achromatopsia 0.005% of the population
#485055 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545a73 Protanopia 1% of men
#535a78 Deuteranopia 1% of men
#346269 Tritanopia 0.001% of the population

Trichromacy

#475971 Protanomaly 1% of men, 0.01% of women
#465975 Deuteranomaly 6% of men, 0.4% of women
#325e6b Tritanomaly 0.01% of the population

#30576f hex color

#30576f Color Information

#30576f Color Conversion

Color Schemes with #30576f

Alternatives to #30576f

#30576f Preview

Shades and Tints of #30576f

Tones of #30576f

Color Blindness Simulator