colorhexa.com

#302268 hex color

In a RGB color space, hex #302268 is composed of 18.8% red, 13.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 67.3% magenta, 0% yellow and 59.2% black. It has a hue angle of 252 degrees, a saturation of 50.7% and a lightness of 27.1%. #302268 color hex could be obtained by blending #6044d0 with #000000. Closest websafe color is: #333366.

- R 19
- G 13
- B 41
RGB color chart
- C 54
- M 67
- Y 0
- K 59
CMYK color chart

● #302268 color description : Very dark blue.

The hexadecimal color #302268 has RGB values of R:48, G:34, B:104 and CMYK values of C:0.54, M:0.67, Y:0, K:0.59. Its decimal value is 3154536.

Hex triplet	302268	`#302268`
RGB Decimal	48, 34, 104	`rgb(48,34,104)`
RGB Percent	18.8, 13.3, 40.8	`rgb(18.8%,13.3%,40.8%)`
CMYK	54, 67, 0, 59
HSL	252°, 50.7, 27.1	`hsl(252,50.7%,27.1%)`
HSV (or HSB)	252°, 67.3, 40.8
Web Safe	333366	`#333366`

CIE-LAB	19.106, 26.694, -38.967
XYZ	4.289, 2.772, 13.405
xyY	0.21, 0.135, 2.772
CIE-LCH	19.106, 47.233, 304.412
CIE-LUV	19.106, 0.365, -44.344
Hunter-Lab	16.649, 16.851, -36.084
Binary	00110000, 00100010, 01101000

#302268
```
#302268 rgb(48,34,104)
```
#5a6822
```
#5a6822 rgb(90,104,34)
```

Complementary Color

#223768
```
#223768 rgb(34,55,104)
```
#302268
```
#302268 rgb(48,34,104)
```
#532268
```
#532268 rgb(83,34,104)
```

Analogous Color

#376822
```
#376822 rgb(55,104,34)
```
#302268
```
#302268 rgb(48,34,104)
```
#685322
```
#685322 rgb(104,83,34)
```

Split Complementary Color

#226830
```
#226830 rgb(34,104,48)
```
#302268
```
#302268 rgb(48,34,104)
```
#683022
```
#683022 rgb(104,48,34)
```

Triadic Color

#150f2e
```
#150f2e rgb(21,15,46)
```
#1e1542
```
#1e1542 rgb(30,21,66)
```
#271c55
```
#271c55 rgb(39,28,85)
```
#302268
```
#302268 rgb(48,34,104)
```
#39287b
```
#39287b rgb(57,40,123)
```
#422f8e
```
#422f8e rgb(66,47,142)
```
#4b35a2
```
#4b35a2 rgb(75,53,162)
```

Monochromatic Color

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

#222668
```
#222668 rgb(34,38,104)
```
#242268
```
#242268 rgb(36,34,104)
```
#2a2268
```
#2a2268 rgb(42,34,104)
```
#302268
```
#302268 rgb(48,34,104)
```
#362268
```
#362268 rgb(54,34,104)
```
#3c2268
```
#3c2268 rgb(60,34,104)
```
#422268
```
#422268 rgb(66,34,104)
```

Similar Colors

Text with hexadecimal color #302268

This text has a font color of #302268.

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

#302268 background color

This paragraph has a background color of #302268.

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

#302268 border color

This element has a border color of #302268.

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

CSS codes

.text {color:#302268;}

.background {background-color:#302268;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#07050f
```
#07050f rgb(7,5,15)
```
#0e0a1e
```
#0e0a1e rgb(14,10,30)
```
#150f2d
```
#150f2d rgb(21,15,45)
```
#1c143c
```
#1c143c rgb(28,20,60)
```
#22184a
```
#22184a rgb(34,24,74)
```
#291d59
```
#291d59 rgb(41,29,89)
```
#302268
```
#302268 rgb(48,34,104)
```
#372777
```
#372777 rgb(55,39,119)
```
#3e2c86
```
#3e2c86 rgb(62,44,134)
```
#443094
```
#443094 rgb(68,48,148)
```
#4b35a3
```
#4b35a3 rgb(75,53,163)
```
#523ab2
```
#523ab2 rgb(82,58,178)
```

Shade Color Variation

#593fc0
```
#593fc0 rgb(89,63,192)
```
#664ec5
```
#664ec5 rgb(102,78,197)
```
#735dca
```
#735dca rgb(115,93,202)
```
#806ccf
```
#806ccf rgb(128,108,207)
```
#8c7ad4
```
#8c7ad4 rgb(140,122,212)
```
#9989d9
```
#9989d9 rgb(153,137,217)
```
#a698dd
```
#a698dd rgb(166,152,221)
```
#b3a7e2
```
#b3a7e2 rgb(179,167,226)
```
#bfb6e7
```
#bfb6e7 rgb(191,182,231)
```
#ccc4ec
```
#ccc4ec rgb(204,196,236)
```
#d9d3f1
```
#d9d3f1 rgb(217,211,241)
```
#e6e2f6
```
#e6e2f6 rgb(230,226,246)
```
#f3f1fa
```
#f3f1fa rgb(243,241,250)
```

Tint Color Variation

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

#434248
```
#434248 rgb(67,66,72)
```
#403d4d
```
#403d4d rgb(64,61,77)
```
#3d3753
```
#3d3753 rgb(61,55,83)
```
#3a3258
```
#3a3258 rgb(58,50,88)
```
#362d5d
```
#362d5d rgb(54,45,93)
```
#332763
```
#332763 rgb(51,39,99)
```
#302268
```
#302268 rgb(48,34,104)
```
#2d1d6d
```
#2d1d6d rgb(45,29,109)
```
#2a1773
```
#2a1773 rgb(42,23,115)
```
#261278
```
#261278 rgb(38,18,120)
```
#230d7d
```
#230d7d rgb(35,13,125)
```
#200783
```
#200783 rgb(32,7,131)
```
#1d0288
```
#1d0288 rgb(29,2,136)
```

Tone Color Variation

Below, you can see how #302268 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
#2e2c3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376c Protanopia 1% of men
#003a5f Deuteranopia 1% of men
#283c40 Tritanopia 0.001% of the population

Trichromacy

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