#302c66 hex color

In a RGB color space, hex #302c66 is composed of 18.8% red, 17.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 56.9% magenta, 0% yellow and 60% black. It has a hue angle of 244.1 degrees, a saturation of 39.7% and a lightness of 28.6%. #302c66 color hex could be obtained by blending #6058cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 17
- B 40
RGB color chart
- C 53
- M 57
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #302c66 has RGB values of R:48, G:44, B:102 and CMYK values of C:0.53, M:0.57, Y:0, K:0.6. Its decimal value is 3157094.

Hex triplet	302c66	`#302c66`
RGB Decimal	48, 44, 102	`rgb(48,44,102)`
RGB Percent	18.8, 17.3, 40	`rgb(18.8%,17.3%,40%)`
CMYK	53, 57, 0, 60
HSL	244.1°, 39.7, 28.6	`hsl(244.1,39.7%,28.6%)`
HSV (or HSB)	244.1°, 56.9, 40
Web Safe	333366	`#333366`

CIE-LAB	21.539, 19.31, -33.724
XYZ	4.517, 3.389, 12.986
xyY	0.216, 0.162, 3.389
CIE-LCH	21.539, 38.862, 299.795
CIE-LUV	21.539, -1.747, -40.58
Hunter-Lab	18.409, 11.587, -28.937
Binary	00110000, 00101100, 01100110

#302c66
```
#302c66 rgb(48,44,102)
```
#62662c
```
#62662c rgb(98,102,44)
```

Complementary Color

#2c4566
```
#2c4566 rgb(44,69,102)
```
#302c66
```
#302c66 rgb(48,44,102)
```
#4d2c66
```
#4d2c66 rgb(77,44,102)
```

Analogous Color

#45662c
```
#45662c rgb(69,102,44)
```
#302c66
```
#302c66 rgb(48,44,102)
```
#664d2c
```
#664d2c rgb(102,77,44)
```

Split Complementary Color

#2c6630
```
#2c6630 rgb(44,102,48)
```
#302c66
```
#302c66 rgb(48,44,102)
```
#66302c
```
#66302c rgb(102,48,44)
```

Triadic Color

#2c6266
```
#2c6266 rgb(44,98,102)
```
#302c66
```
#302c66 rgb(48,44,102)
```
#66302c
```
#66302c rgb(102,48,44)
```
#62662c
```
#62662c rgb(98,102,44)
```

Tetradic Color

#171531
```
#171531 rgb(23,21,49)
```
#1f1d42
```
#1f1d42 rgb(31,29,66)
```
#282454
```
#282454 rgb(40,36,84)
```
#302c66
```
#302c66 rgb(48,44,102)
```
#383478
```
#383478 rgb(56,52,120)
```
#413b8a
```
#413b8a rgb(65,59,138)
```
#49439b
```
#49439b rgb(73,67,155)
```

Monochromatic Color

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

#2c3766
```
#2c3766 rgb(44,55,102)
```
#2c3266
```
#2c3266 rgb(44,50,102)
```
#2c2d66
```
#2c2d66 rgb(44,45,102)
```
#302c66
```
#302c66 rgb(48,44,102)
```
#352c66
```
#352c66 rgb(53,44,102)
```
#3a2c66
```
#3a2c66 rgb(58,44,102)
```
#3e2c66
```
#3e2c66 rgb(62,44,102)
```

Similar Colors

Text with hexadecimal color #302c66

This text has a font color of #302c66.

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

#302c66 background color

This paragraph has a background color of #302c66.

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

#302c66 border color

This element has a border color of #302c66.

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

CSS codes

.text {color:#302c66;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#090914
```
#090914 rgb(9,9,20)
```
#100e21
```
#100e21 rgb(16,14,33)
```
#16142f
```
#16142f rgb(22,20,47)
```
#1d1a3d
```
#1d1a3d rgb(29,26,61)
```
#23204b
```
#23204b rgb(35,32,75)
```
#2a2658
```
#2a2658 rgb(42,38,88)
```
#302c66
```
#302c66 rgb(48,44,102)
```
#363274
```
#363274 rgb(54,50,116)
```
#3d3881
```
#3d3881 rgb(61,56,129)
```
#433e8f
```
#433e8f rgb(67,62,143)
```
#4a449d
```
#4a449d rgb(74,68,157)
```
#504aab
```
#504aab rgb(80,74,171)
```

Shade Color Variation

#5a53b5
```
#5a53b5 rgb(90,83,181)
```
#6761bb
```
#6761bb rgb(103,97,187)
```
#746ec1
```
#746ec1 rgb(116,110,193)
```
#817cc7
```
#817cc7 rgb(129,124,199)
```
#8e8acc
```
#8e8acc rgb(142,138,204)
```
#9c97d2
```
#9c97d2 rgb(156,151,210)
```
#a9a5d8
```
#a9a5d8 rgb(169,165,216)
```
#b6b3de
```
#b6b3de rgb(182,179,222)
```
#c3c1e4
```
#c3c1e4 rgb(195,193,228)
```
#d0ceea
```
#d0ceea rgb(208,206,234)
```
#dddcf0
```
#dddcf0 rgb(221,220,240)
```
#ebeaf6
```
#ebeaf6 rgb(235,234,246)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

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

#48484a
```
#48484a rgb(72,72,74)
```
#434250
```
#434250 rgb(67,66,80)
```
#3f3d55
```
#3f3d55 rgb(63,61,85)
```
#3a375b
```
#3a375b rgb(58,55,91)
```
#353260
```
#353260 rgb(53,50,96)
```
#302c66
```
#302c66 rgb(48,44,102)
```
#2b266c
```
#2b266c rgb(43,38,108)
```
#262171
```
#262171 rgb(38,33,113)
```
#211b77
```
#211b77 rgb(33,27,119)
```
#1d167c
```
#1d167c rgb(29,22,124)
```
#181082
```
#181082 rgb(24,16,130)
```
#130a88
```
#130a88 rgb(19,10,136)
```
#0e058d
```
#0e058d rgb(14,5,141)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#33323e Atypical Achromatopsia 0.001% of the population

Dichromacy

#173c72 Protanopia 1% of men
#003f69 Deuteranopia 1% of men
#2b4146 Tritanopia 0.001% of the population

Trichromacy

#20366e Protanomaly 1% of men, 0.01% of women
#113868 Deuteranomaly 6% of men, 0.4% of women
#2d3951 Tritanomaly 0.01% of the population

#302c66 hex color

#302c66 Color Information

#302c66 Color Conversion

Color Schemes with #302c66

Alternatives to #302c66

#302c66 Preview

Shades and Tints of #302c66

Tones of #302c66

Color Blindness Simulator