#302168 hex color

In a RGB color space, hex #302168 is composed of 18.8% red, 12.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 68.3% magenta, 0% yellow and 59.2% black. It has a hue angle of 252.7 degrees, a saturation of 51.8% and a lightness of 26.9%. #302168 color hex could be obtained by blending #6042d0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 13
- B 41
RGB color chart
- C 54
- M 68
- Y 0
- K 59
CMYK color chart

● #302168 color description : Very dark blue.

The hexadecimal color #302168 has RGB values of R:48, G:33, B:104 and CMYK values of C:0.54, M:0.68, Y:0, K:0.59. Its decimal value is 3154280.

Hex triplet	302168	`#302168`
RGB Decimal	48, 33, 104	`rgb(48,33,104)`
RGB Percent	18.8, 12.9, 40.8	`rgb(18.8%,12.9%,40.8%)`
CMYK	54, 68, 0, 59
HSL	252.7°, 51.8, 26.9	`hsl(252.7,51.8%,26.9%)`
HSV (or HSB)	252.7°, 68.3, 40.8
Web Safe	333366	`#333366`

CIE-LAB	18.866, 27.335, -39.357
XYZ	4.261, 2.715, 13.396
xyY	0.209, 0.133, 2.715
CIE-LCH	18.866, 47.918, 304.782
CIE-LUV	18.866, 0.553, -44.496
Hunter-Lab	16.479, 17.318, -36.662
Binary	00110000, 00100001, 01101000

#302168
```
#302168 rgb(48,33,104)
```
#596821
```
#596821 rgb(89,104,33)
```

Complementary Color

#213668
```
#213668 rgb(33,54,104)
```
#302168
```
#302168 rgb(48,33,104)
```
#532168
```
#532168 rgb(83,33,104)
```

Analogous Color

#366821
```
#366821 rgb(54,104,33)
```
#302168
```
#302168 rgb(48,33,104)
```
#685421
```
#685421 rgb(104,84,33)
```

Split Complementary Color

#216830
```
#216830 rgb(33,104,48)
```
#302168
```
#302168 rgb(48,33,104)
```
#683021
```
#683021 rgb(104,48,33)
```

Triadic Color

#215968
```
#215968 rgb(33,89,104)
```
#302168
```
#302168 rgb(48,33,104)
```
#683021
```
#683021 rgb(104,48,33)
```
#596821
```
#596821 rgb(89,104,33)
```

Tetradic Color

#150f2e
```
#150f2e rgb(21,15,46)
```
#1e1541
```
#1e1541 rgb(30,21,65)
```
#271b55
```
#271b55 rgb(39,27,85)
```
#302168
```
#302168 rgb(48,33,104)
```
#39277b
```
#39277b rgb(57,39,123)
```
#422d8f
```
#422d8f rgb(66,45,143)
```
#4b33a2
```
#4b33a2 rgb(75,51,162)
```

Monochromatic Color

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

#212468
```
#212468 rgb(33,36,104)
```
#242168
```
#242168 rgb(36,33,104)
```
#2a2168
```
#2a2168 rgb(42,33,104)
```
#302168
```
#302168 rgb(48,33,104)
```
#362168
```
#362168 rgb(54,33,104)
```
#3c2168
```
#3c2168 rgb(60,33,104)
```
#422168
```
#422168 rgb(66,33,104)
```

Similar Colors

Text with hexadecimal color #302168

This text has a font color of #302168.

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

#302168 background color

This paragraph has a background color of #302168.

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

#302168 border color

This element has a border color of #302168.

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

CSS codes

.text {color:#302168;}

.background {background-color:#302168;}

.border {border:1px solid #302168;}

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, #07050f is the darkest color, while #ffffff is the lightest one.

#07050f
```
#07050f rgb(7,5,15)
```
#0e091e
```
#0e091e rgb(14,9,30)
```
#150e2c
```
#150e2c rgb(21,14,44)
```
#1b133b
```
#1b133b rgb(27,19,59)
```
#22184a
```
#22184a rgb(34,24,74)
```
#291c59
```
#291c59 rgb(41,28,89)
```
#302168
```
#302168 rgb(48,33,104)
```
#372677
```
#372677 rgb(55,38,119)
```
#3e2a86
```
#3e2a86 rgb(62,42,134)
```
#452f95
```
#452f95 rgb(69,47,149)
```
#4b34a4
```
#4b34a4 rgb(75,52,164)
```
#5239b2
```
#5239b2 rgb(82,57,178)
```
#593dc1
```
#593dc1 rgb(89,61,193)
```

Shade Color Variation

#664cc6
```
#664cc6 rgb(102,76,198)
```
#735bcb
```
#735bcb rgb(115,91,203)
```
#7f6ad0
```
#7f6ad0 rgb(127,106,208)
```
#8c79d4
```
#8c79d4 rgb(140,121,212)
```
#9988d9
```
#9988d9 rgb(153,136,217)
```
#a697de
```
#a697de rgb(166,151,222)
```
#b2a5e3
```
#b2a5e3 rgb(178,165,227)
```
#bfb4e7
```
#bfb4e7 rgb(191,180,231)
```
#ccc3ec
```
#ccc3ec rgb(204,195,236)
```
#d9d2f1
```
#d9d2f1 rgb(217,210,241)
```
#e5e1f5
```
#e5e1f5 rgb(229,225,245)
```
#f2f0fa
```
#f2f0fa rgb(242,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#424148
```
#424148 rgb(66,65,72)
```
#3f3b4e
```
#3f3b4e rgb(63,59,78)
```
#3c3653
```
#3c3653 rgb(60,54,83)
```
#393158
```
#393158 rgb(57,49,88)
```
#362c5d
```
#362c5d rgb(54,44,93)
```
#332663
```
#332663 rgb(51,38,99)
```
#302168
```
#302168 rgb(48,33,104)
```
#2d1c6d
```
#2d1c6d rgb(45,28,109)
```
#2a1673
```
#2a1673 rgb(42,22,115)
```
#271178
```
#271178 rgb(39,17,120)
```
#240c7d
```
#240c7d rgb(36,12,125)
```
#210782
```
#210782 rgb(33,7,130)
```
#1e0188
```
#1e0188 rgb(30,1,136)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2e2b3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376b Protanopia 1% of men
#003a5e Deuteranopia 1% of men
#273b40 Tritanopia 0.001% of the population

Trichromacy

#112f6a Protanomaly 1% of men, 0.01% of women
#113062 Deuteranomaly 6% of men, 0.4% of women
#2a324e Tritanomaly 0.01% of the population

#302168 hex color

#302168 Color Information

#302168 Color Conversion

Color Schemes with #302168

Alternatives to #302168

#302168 Preview

Shades and Tints of #302168

Tones of #302168

Color Blindness Simulator