#30526e hex color

In a RGB color space, hex #30526e is composed of 18.8% red, 32.2% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 25.5% magenta, 0% yellow and 56.9% black. It has a hue angle of 207.1 degrees, a saturation of 39.2% and a lightness of 31%. #30526e color hex could be obtained by blending #60a4dc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 32
- B 43
RGB color chart
- C 56
- M 25
- Y 0
- K 57
CMYK color chart

● #30526e color description : Very dark desaturated blue.

The hexadecimal color #30526e has RGB values of R:48, G:82, B:110 and CMYK values of C:0.56, M:0.25, Y:0, K:0.57. Its decimal value is 3166830.

Hex triplet	30526e	`#30526e`
RGB Decimal	48, 82, 110	`rgb(48,82,110)`
RGB Percent	18.8, 32.2, 43.1	`rgb(18.8%,32.2%,43.1%)`
CMYK	56, 25, 0, 57
HSL	207.1°, 39.2, 31	`hsl(207.1,39.2%,31%)`
HSV (or HSB)	207.1°, 56.4, 43.1
Web Safe	336666	`#336666`

CIE-LAB	33.538, -3.445, -19.871
XYZ	7.05, 7.788, 15.883
xyY	0.229, 0.254, 7.788
CIE-LCH	33.538, 20.167, 260.164
CIE-LUV	33.538, -14.575, -26.018
Hunter-Lab	27.908, -3.746, -14.208
Binary	00110000, 01010010, 01101110

#30526e
```
#30526e rgb(48,82,110)
```
#6e4c30
```
#6e4c30 rgb(110,76,48)
```

Complementary Color

#306e6b
```
#306e6b rgb(48,110,107)
```
#30526e
```
#30526e rgb(48,82,110)
```
#30336e
```
#30336e rgb(48,51,110)
```

Analogous Color

#6e6b30
```
#6e6b30 rgb(110,107,48)
```
#30526e
```
#30526e rgb(48,82,110)
```
#6e3033
```
#6e3033 rgb(110,48,51)
```

Split Complementary Color

#526e30
```
#526e30 rgb(82,110,48)
```
#30526e
```
#30526e rgb(48,82,110)
```
#6e3052
```
#6e3052 rgb(110,48,82)
```

Triadic Color

#306e4c
```
#306e4c rgb(48,110,76)
```
#30526e
```
#30526e rgb(48,82,110)
```
#6e3052
```
#6e3052 rgb(110,48,82)
```
#6e4c30
```
#6e4c30 rgb(110,76,48)
```

Tetradic Color

#192a39
```
#192a39 rgb(25,42,57)
```
#21384a
```
#21384a rgb(33,56,74)
```
#28455c
```
#28455c rgb(40,69,92)
```
#30526e
```
#30526e rgb(48,82,110)
```
#385f80
```
#385f80 rgb(56,95,128)
```
#3f6c92
```
#3f6c92 rgb(63,108,146)
```
#477aa3
```
#477aa3 rgb(71,122,163)
```

Monochromatic Color

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

#30626e
```
#30626e rgb(48,98,110)
```
#305c6e
```
#305c6e rgb(48,92,110)
```
#30576e
```
#30576e rgb(48,87,110)
```
#30526e
```
#30526e rgb(48,82,110)
```
#304d6e
```
#304d6e rgb(48,77,110)
```
#30486e
```
#30486e rgb(48,72,110)
```
#30436e
```
#30436e rgb(48,67,110)
```

Similar Colors

Text with hexadecimal color #30526e

This text has a font color of #30526e.

<span style="color:#30526e;">Text here</span>

#30526e background color

This paragraph has a background color of #30526e.

<p style="background-color:#30526e;">Content here</p>

#30526e border color

This element has a border color of #30526e.

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

CSS codes

.text {color:#30526e;}

.background {background-color:#30526e;}

.border {border:1px solid #30526e;}

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

#000101
```
#000101 rgb(0,1,1)
```
#060b0e
```
#060b0e rgb(6,11,14)
```
#0c151c
```
#0c151c rgb(12,21,28)
```
#121f2a
```
#121f2a rgb(18,31,42)
```
#182937
```
#182937 rgb(24,41,55)
```
#1e3345
```
#1e3345 rgb(30,51,69)
```
#243e53
```
#243e53 rgb(36,62,83)
```
#2a4860
```
#2a4860 rgb(42,72,96)
```
#30526e
```
#30526e rgb(48,82,110)
```
#365c7c
```
#365c7c rgb(54,92,124)
```
#3c6689
```
#3c6689 rgb(60,102,137)
```
#427197
```
#427197 rgb(66,113,151)
```
#487ba5
```
#487ba5 rgb(72,123,165)
```

Shade Color Variation

#4e85b2
```
#4e85b2 rgb(78,133,178)
```
#5c8eb8
```
#5c8eb8 rgb(92,142,184)
```
#6a98be
```
#6a98be rgb(106,152,190)
```
#77a1c4
```
#77a1c4 rgb(119,161,196)
```
#85abca
```
#85abca rgb(133,171,202)
```
#92b4d0
```
#92b4d0 rgb(146,180,208)
```
#a0bdd6
```
#a0bdd6 rgb(160,189,214)
```
#aec7dc
```
#aec7dc rgb(174,199,220)
```
#bbd0e2
```
#bbd0e2 rgb(187,208,226)
```
#c9dae7
```
#c9dae7 rgb(201,218,231)
```
#d7e3ed
```
#d7e3ed rgb(215,227,237)
```
#e4edf3
```
#e4edf3 rgb(228,237,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#485056
```
#485056 rgb(72,80,86)
```
#42505c
```
#42505c rgb(66,80,92)
```
#3c5162
```
#3c5162 rgb(60,81,98)
```
#365168
```
#365168 rgb(54,81,104)
```
#30526e
```
#30526e rgb(48,82,110)
```
#2a5374
```
#2a5374 rgb(42,83,116)
```
#24537a
```
#24537a rgb(36,83,122)
```
#1e5480
```
#1e5480 rgb(30,84,128)
```
#185486
```
#185486 rgb(24,84,134)
```
#12558c
```
#12558c rgb(18,85,140)
```
#0c5692
```
#0c5692 rgb(12,86,146)
```
#055699
```
#055699 rgb(5,86,153)
```

Tone Color Variation

Below, you can see how #30526e 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

#4b4b4b Achromatopsia 0.005% of the population
#464c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5772 Protanopia 1% of men
#4c5777 Deuteranopia 1% of men
#335e65 Tritanopia 0.001% of the population

Trichromacy

#445571 Protanomaly 1% of men, 0.01% of women
#425573 Deuteranomaly 6% of men, 0.4% of women
#325968 Tritanomaly 0.01% of the population

#30526e hex color

#30526e Color Information

#30526e Color Conversion

Color Schemes with #30526e

Alternatives to #30526e

#30526e Preview

Shades and Tints of #30526e

Tones of #30526e

Color Blindness Simulator