#302c55 hex color

In a RGB color space, hex #302c55 is composed of 18.8% red, 17.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 48.2% magenta, 0% yellow and 66.7% black. It has a hue angle of 245.9 degrees, a saturation of 31.8% and a lightness of 25.3%. #302c55 color hex could be obtained by blending #6058aa with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #302c55 has RGB values of R:48, G:44, B:85 and CMYK values of C:0.44, M:0.48, Y:0, K:0.67. Its decimal value is 3157077.

Hex triplet	302c55	`#302c55`
RGB Decimal	48, 44, 85	`rgb(48,44,85)`
RGB Percent	18.8, 17.3, 33.3	`rgb(18.8%,17.3%,33.3%)`
CMYK	44, 48, 0, 67
HSL	245.9°, 31.8, 25.3	`hsl(245.9,31.8%,25.3%)`
HSV (or HSB)	245.9°, 48.2, 33.3
Web Safe	333366	`#333366`

CIE-LAB	20.383, 13.528, -24.363
XYZ	3.759, 3.086, 8.991
xyY	0.237, 0.195, 3.086
CIE-LCH	20.383, 27.867, 299.041
CIE-LUV	20.383, -0.691, -28.556
Hunter-Lab	17.566, 7.458, -18.053
Binary	00110000, 00101100, 01010101

#302c55
```
#302c55 rgb(48,44,85)
```
#51552c
```
#51552c rgb(81,85,44)
```

Complementary Color

#2c3d55
```
#2c3d55 rgb(44,61,85)
```
#302c55
```
#302c55 rgb(48,44,85)
```
#452c55
```
#452c55 rgb(69,44,85)
```

Analogous Color

#3d552c
```
#3d552c rgb(61,85,44)
```
#302c55
```
#302c55 rgb(48,44,85)
```
#55452c
```
#55452c rgb(85,69,44)
```

Split Complementary Color

#2c5530
```
#2c5530 rgb(44,85,48)
```
#302c55
```
#302c55 rgb(48,44,85)
```
#55302c
```
#55302c rgb(85,48,44)
```

Triadic Color

#2c5155
```
#2c5155 rgb(44,81,85)
```
#302c55
```
#302c55 rgb(48,44,85)
```
#55302c
```
#55302c rgb(85,48,44)
```
#51552c
```
#51552c rgb(81,85,44)
```

Tetradic Color

#141223
```
#141223 rgb(20,18,35)
```
#1d1b33
```
#1d1b33 rgb(29,27,51)
```
#272344
```
#272344 rgb(39,35,68)
```
#302c55
```
#302c55 rgb(48,44,85)
```
#393566
```
#393566 rgb(57,53,102)
```
#433d77
```
#433d77 rgb(67,61,119)
```
#4c4687
```
#4c4687 rgb(76,70,135)
```

Monochromatic Color

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

#2c3255
```
#2c3255 rgb(44,50,85)
```
#2c2f55
```
#2c2f55 rgb(44,47,85)
```
#2d2c55
```
#2d2c55 rgb(45,44,85)
```
#302c55
```
#302c55 rgb(48,44,85)
```
#332c55
```
#332c55 rgb(51,44,85)
```
#372c55
```
#372c55 rgb(55,44,85)
```
#3a2c55
```
#3a2c55 rgb(58,44,85)
```

Similar Colors

Text with hexadecimal color #302c55

This text has a font color of #302c55.

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

#302c55 background color

This paragraph has a background color of #302c55.

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

#302c55 border color

This element has a border color of #302c55.

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

CSS codes

.text {color:#302c55;}

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

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0c0b14
```
#0c0b14 rgb(12,11,20)
```
#131121
```
#131121 rgb(19,17,33)
```
#1a182e
```
#1a182e rgb(26,24,46)
```
#211f3b
```
#211f3b rgb(33,31,59)
```
#292548
```
#292548 rgb(41,37,72)
```
#302c55
```
#302c55 rgb(48,44,85)
```
#373362
```
#373362 rgb(55,51,98)
```
#3f396f
```
#3f396f rgb(63,57,111)
```
#46407c
```
#46407c rgb(70,64,124)
```
#4d4789
```
#4d4789 rgb(77,71,137)
```
#544d96
```
#544d96 rgb(84,77,150)
```
#5c54a3
```
#5c54a3 rgb(92,84,163)
```

Shade Color Variation

#665eac
```
#665eac rgb(102,94,172)
```
#726bb3
```
#726bb3 rgb(114,107,179)
```
#7f78b9
```
#7f78b9 rgb(127,120,185)
```
#8b85c0
```
#8b85c0 rgb(139,133,192)
```
#9792c7
```
#9792c7 rgb(151,146,199)
```
#a49fcd
```
#a49fcd rgb(164,159,205)
```
#b0acd4
```
#b0acd4 rgb(176,172,212)
```
#bcb9db
```
#bcb9db rgb(188,185,219)
```
#c9c6e1
```
#c9c6e1 rgb(201,198,225)
```
#d5d3e8
```
#d5d3e8 rgb(213,211,232)
```
#e1e0ef
```
#e1e0ef rgb(225,224,239)
```
#ededf5
```
#ededf5 rgb(237,237,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#404041
```
#404041 rgb(64,64,65)
```
#3c3b46
```
#3c3b46 rgb(60,59,70)
```
#38364b
```
#38364b rgb(56,54,75)
```
#343150
```
#343150 rgb(52,49,80)
```
#302c55
```
#302c55 rgb(48,44,85)
```
#2c275a
```
#2c275a rgb(44,39,90)
```
#28225f
```
#28225f rgb(40,34,95)
```
#241d64
```
#241d64 rgb(36,29,100)
```
#201869
```
#201869 rgb(32,24,105)
```
#1c136e
```
#1c136e rgb(28,19,110)
```
#180e73
```
#180e73 rgb(24,14,115)
```
#140978
```
#140978 rgb(20,9,120)
```
#10047d
```
#10047d rgb(16,4,125)
```

Tone Color Variation

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

#293a60 Protanopia 1% of men
#273c5b Deuteranopia 1% of men
#323d42 Tritanopia 0.001% of the population

Trichromacy

#2c355c Protanomaly 1% of men, 0.01% of women
#2a3659 Deuteranomaly 6% of men, 0.4% of women
#313748 Tritanomaly 0.01% of the population

#302c55 hex color

#302c55 Color Information

#302c55 Color Conversion

Color Schemes with #302c55

Alternatives to #302c55

#302c55 Preview

Shades and Tints of #302c55

Tones of #302c55

Color Blindness Simulator