#302d55 hex color

In a RGB color space, hex #302d55 is composed of 18.8% red, 17.6% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 47.1% magenta, 0% yellow and 66.7% black. It has a hue angle of 244.5 degrees, a saturation of 30.8% and a lightness of 25.5%. #302d55 color hex could be obtained by blending #605aaa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 18
- B 33
RGB color chart
- C 44
- M 47
- Y 0
- K 67
CMYK color chart

● #302d55 color description : Very dark desaturated blue.

The hexadecimal color #302d55 has RGB values of R:48, G:45, B:85 and CMYK values of C:0.44, M:0.47, Y:0, K:0.67. Its decimal value is 3157333.

Hex triplet	302d55	`#302d55`
RGB Decimal	48, 45, 85	`rgb(48,45,85)`
RGB Percent	18.8, 17.6, 33.3	`rgb(18.8%,17.6%,33.3%)`
CMYK	44, 47, 0, 67
HSL	244.5°, 30.8, 25.5	`hsl(244.5,30.8%,25.5%)`
HSV (or HSB)	244.5°, 47.1, 33.3
Web Safe	333366	`#333366`

CIE-LAB	20.677, 12.828, -23.897
XYZ	3.797, 3.161, 9.004
xyY	0.238, 0.198, 3.161
CIE-LCH	20.677, 27.123, 298.227
CIE-LUV	20.677, -0.992, -28.13
Hunter-Lab	17.779, 7.005, -17.581
Binary	00110000, 00101101, 01010101

#302d55
```
#302d55 rgb(48,45,85)
```
#52552d
```
#52552d rgb(82,85,45)
```

Complementary Color

#2d3e55
```
#2d3e55 rgb(45,62,85)
```
#302d55
```
#302d55 rgb(48,45,85)
```
#442d55
```
#442d55 rgb(68,45,85)
```

Analogous Color

#3e552d
```
#3e552d rgb(62,85,45)
```
#302d55
```
#302d55 rgb(48,45,85)
```
#55442d
```
#55442d rgb(85,68,45)
```

Split Complementary Color

#2d5530
```
#2d5530 rgb(45,85,48)
```
#302d55
```
#302d55 rgb(48,45,85)
```
#55302d
```
#55302d rgb(85,48,45)
```

Triadic Color

#2d5255
```
#2d5255 rgb(45,82,85)
```
#302d55
```
#302d55 rgb(48,45,85)
```
#55302d
```
#55302d rgb(85,48,45)
```
#52552d
```
#52552d rgb(82,85,45)
```

Tetradic Color

#141323
```
#141323 rgb(20,19,35)
```
#1d1b34
```
#1d1b34 rgb(29,27,52)
```
#272444
```
#272444 rgb(39,36,68)
```
#302d55
```
#302d55 rgb(48,45,85)
```
#393666
```
#393666 rgb(57,54,102)
```
#433f76
```
#433f76 rgb(67,63,118)
```
#4c4787
```
#4c4787 rgb(76,71,135)
```

Monochromatic Color

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

#2d3455
```
#2d3455 rgb(45,52,85)
```
#2d3155
```
#2d3155 rgb(45,49,85)
```
#2d2d55
```
#2d2d55 rgb(45,45,85)
```
#302d55
```
#302d55 rgb(48,45,85)
```
#332d55
```
#332d55 rgb(51,45,85)
```
#372d55
```
#372d55 rgb(55,45,85)
```
#3a2d55
```
#3a2d55 rgb(58,45,85)
```

Similar Colors

Text with hexadecimal color #302d55

This text has a font color of #302d55.

<span style="color:#302d55;">Text here</span>

#302d55 background color

This paragraph has a background color of #302d55.

<p style="background-color:#302d55;">Content here</p>

#302d55 border color

This element has a border color of #302d55.

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

CSS codes

.text {color:#302d55;}

.background {background-color:#302d55;}

.border {border:1px solid #302d55;}

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

#050408
```
#050408 rgb(5,4,8)
```
#0c0b15
```
#0c0b15 rgb(12,11,21)
```
#131222
```
#131222 rgb(19,18,34)
```
#1a192f
```
#1a192f rgb(26,25,47)
```
#221f3b
```
#221f3b rgb(34,31,59)
```
#292648
```
#292648 rgb(41,38,72)
```
#302d55
```
#302d55 rgb(48,45,85)
```
#373462
```
#373462 rgb(55,52,98)
```
#3e3b6f
```
#3e3b6f rgb(62,59,111)
```
#46417b
```
#46417b rgb(70,65,123)
```
#4d4888
```
#4d4888 rgb(77,72,136)
```
#544f95
```
#544f95 rgb(84,79,149)
```
#5b56a2
```
#5b56a2 rgb(91,86,162)
```

Shade Color Variation

#6660ab
```
#6660ab rgb(102,96,171)
```
#726db2
```
#726db2 rgb(114,109,178)
```
#7f7ab9
```
#7f7ab9 rgb(127,122,185)
```
#8b87bf
```
#8b87bf rgb(139,135,191)
```
#9794c6
```
#9794c6 rgb(151,148,198)
```
#a4a0cd
```
#a4a0cd rgb(164,160,205)
```
#b0add4
```
#b0add4 rgb(176,173,212)
```
#bdbadb
```
#bdbadb rgb(189,186,219)
```
#c9c7e1
```
#c9c7e1 rgb(201,199,225)
```
#d5d4e8
```
#d5d4e8 rgb(213,212,232)
```
#e2e1ef
```
#e2e1ef rgb(226,225,239)
```
#eeedf6
```
#eeedf6 rgb(238,237,246)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d3c46 is the less saturated color, while #0a0082 is the most saturated one.

#3d3c46
```
#3d3c46 rgb(61,60,70)
```
#39374b
```
#39374b rgb(57,55,75)
```
#343250
```
#343250 rgb(52,50,80)
```
#302d55
```
#302d55 rgb(48,45,85)
```
#2c285a
```
#2c285a rgb(44,40,90)
```
#28235f
```
#28235f rgb(40,35,95)
```
#231e64
```
#231e64 rgb(35,30,100)
```
#1f1969
```
#1f1969 rgb(31,25,105)
```
#1b146e
```
#1b146e rgb(27,20,110)
```
#160f73
```
#160f73 rgb(22,15,115)
```
#120a78
```
#120a78 rgb(18,10,120)
```
#0e057d
```
#0e057d rgb(14,5,125)
```
#0a0082
```
#0a0082 rgb(10,0,130)
```

Tone Color Variation

Below, you can see how #302d55 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

#323232 Achromatopsia 0.005% of the population
#323139 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b3b60 Protanopia 1% of men
#283c5c Deuteranopia 1% of men
#323e42 Tritanopia 0.001% of the population

Trichromacy

#2d365c Protanomaly 1% of men, 0.01% of women
#2b3659 Deuteranomaly 6% of men, 0.4% of women
#313849 Tritanomaly 0.01% of the population

#302d55 hex color

#302d55 Color Information

#302d55 Color Conversion

Color Schemes with #302d55

Alternatives to #302d55

#302d55 Preview

Shades and Tints of #302d55

Tones of #302d55

Color Blindness Simulator