#30345f hex color

In a RGB color space, hex #30345f is composed of 18.8% red, 20.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 45.3% magenta, 0% yellow and 62.7% black. It has a hue angle of 234.9 degrees, a saturation of 32.9% and a lightness of 28%. #30345f color hex could be obtained by blending #6068be with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 20
- B 37
RGB color chart
- C 49
- M 45
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #30345f has RGB values of R:48, G:52, B:95 and CMYK values of C:0.49, M:0.45, Y:0, K:0.63. Its decimal value is 3159135.

Hex triplet	30345f	`#30345f`
RGB Decimal	48, 52, 95	`rgb(48,52,95)`
RGB Percent	18.8, 20.4, 37.3	`rgb(18.8%,20.4%,37.3%)`
CMYK	49, 45, 0, 63
HSL	234.9°, 32.9, 28	`hsl(234.9,32.9%,28%)`
HSV (or HSB)	234.9°, 49.5, 37.3
Web Safe	333366	`#333366`

CIE-LAB	23.373, 11.331, -26.221
XYZ	4.512, 3.91, 11.343
xyY	0.228, 0.198, 3.91
CIE-LCH	23.373, 28.565, 293.371
CIE-LUV	23.373, -3.693, -32.284
Hunter-Lab	19.775, 6.123, -20.166
Binary	00110000, 00110100, 01011111

#30345f
```
#30345f rgb(48,52,95)
```
#5f5b30
```
#5f5b30 rgb(95,91,48)
```

Complementary Color

#304c5f
```
#304c5f rgb(48,76,95)
```
#30345f
```
#30345f rgb(48,52,95)
```
#44305f
```
#44305f rgb(68,48,95)
```

Analogous Color

#4c5f30
```
#4c5f30 rgb(76,95,48)
```
#30345f
```
#30345f rgb(48,52,95)
```
#5f4430
```
#5f4430 rgb(95,68,48)
```

Split Complementary Color

#345f30
```
#345f30 rgb(52,95,48)
```
#30345f
```
#30345f rgb(48,52,95)
```
#5f3034
```
#5f3034 rgb(95,48,52)
```

Triadic Color

#305f5b
```
#305f5b rgb(48,95,91)
```
#30345f
```
#30345f rgb(48,52,95)
```
#5f3034
```
#5f3034 rgb(95,48,52)
```
#5f5b30
```
#5f5b30 rgb(95,91,48)
```

Tetradic Color

#16182c
```
#16182c rgb(22,24,44)
```
#1f213d
```
#1f213d rgb(31,33,61)
```
#272b4e
```
#272b4e rgb(39,43,78)
```
#30345f
```
#30345f rgb(48,52,95)
```
#393d70
```
#393d70 rgb(57,61,112)
```
#414781
```
#414781 rgb(65,71,129)
```
#4a5092
```
#4a5092 rgb(74,80,146)
```

Monochromatic Color

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

#30405f
```
#30405f rgb(48,64,95)
```
#303c5f
```
#303c5f rgb(48,60,95)
```
#30385f
```
#30385f rgb(48,56,95)
```
#30345f
```
#30345f rgb(48,52,95)
```
#30305f
```
#30305f rgb(48,48,95)
```
#34305f
```
#34305f rgb(52,48,95)
```
#38305f
```
#38305f rgb(56,48,95)
```

Similar Colors

Text with hexadecimal color #30345f

This text has a font color of #30345f.

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

#30345f background color

This paragraph has a background color of #30345f.

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

#30345f border color

This element has a border color of #30345f.

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

CSS codes

.text {color:#30345f;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080911
```
#080911 rgb(8,9,17)
```
#0f101e
```
#0f101e rgb(15,16,30)
```
#16172b
```
#16172b rgb(22,23,43)
```
#1c1f38
```
#1c1f38 rgb(28,31,56)
```
#232645
```
#232645 rgb(35,38,69)
```
#292d52
```
#292d52 rgb(41,45,82)
```
#30345f
```
#30345f rgb(48,52,95)
```
#373b6c
```
#373b6c rgb(55,59,108)
```
#3d4279
```
#3d4279 rgb(61,66,121)
```
#444986
```
#444986 rgb(68,73,134)
```
#4a5193
```
#4a5193 rgb(74,81,147)
```
#5158a0
```
#5158a0 rgb(81,88,160)
```

Shade Color Variation

#5960ab
```
#5960ab rgb(89,96,171)
```
#666db2
```
#666db2 rgb(102,109,178)
```
#7379b8
```
#7379b8 rgb(115,121,184)
```
#8086bf
```
#8086bf rgb(128,134,191)
```
#8e92c6
```
#8e92c6 rgb(142,146,198)
```
#9b9fcc
```
#9b9fcc rgb(155,159,204)
```
#a8abd3
```
#a8abd3 rgb(168,171,211)
```
#b5b8d9
```
#b5b8d9 rgb(181,184,217)
```
#c2c4e0
```
#c2c4e0 rgb(194,196,224)
```
#cfd1e7
```
#cfd1e7 rgb(207,209,231)
```
#dcdded
```
#dcdded rgb(220,221,237)
```
#e9eaf4
```
#e9eaf4 rgb(233,234,244)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

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

#464649
```
#464649 rgb(70,70,73)
```
#41424f
```
#41424f rgb(65,66,79)
```
#3b3d54
```
#3b3d54 rgb(59,61,84)
```
#36395a
```
#36395a rgb(54,57,90)
```
#30345f
```
#30345f rgb(48,52,95)
```
#2b2f65
```
#2b2f65 rgb(43,47,101)
```
#252b6a
```
#252b6a rgb(37,43,106)
```
#202670
```
#202670 rgb(32,38,112)
```
#1a2275
```
#1a2275 rgb(26,34,117)
```
#151d7b
```
#151d7b rgb(21,29,123)
```
#0f1980
```
#0f1980 rgb(15,25,128)
```
#0a1486
```
#0a1486 rgb(10,20,134)
```
#040f8b
```
#040f8b rgb(4,15,139)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#363740 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f4069 Protanopia 1% of men
#2a4265 Deuteranopia 1% of men
#30454a Tritanopia 0.001% of the population

Trichromacy

#2f3c65 Protanomaly 1% of men, 0.01% of women
#2c3d63 Deuteranomaly 6% of men, 0.4% of women
#303f51 Tritanomaly 0.01% of the population

#30345f hex color

#30345f Color Information

#30345f Color Conversion

Color Schemes with #30345f

Alternatives to #30345f

#30345f Preview

Shades and Tints of #30345f

Tones of #30345f

Color Blindness Simulator