#302275 hex color

In a RGB color space, hex #302275 is composed of 18.8% red, 13.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 70.9% magenta, 0% yellow and 54.1% black. It has a hue angle of 250.1 degrees, a saturation of 55% and a lightness of 29.6%. #302275 color hex could be obtained by blending #6044ea with #000000. Closest websafe color is: #333366.

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

● #302275 color description : Dark blue.

The hexadecimal color #302275 has RGB values of R:48, G:34, B:117 and CMYK values of C:0.59, M:0.71, Y:0, K:0.54. Its decimal value is 3154549.

Hex triplet	302275	`#302275`
RGB Decimal	48, 34, 117	`rgb(48,34,117)`
RGB Percent	18.8, 13.3, 45.9	`rgb(18.8%,13.3%,45.9%)`
CMYK	59, 71, 0, 54
HSL	250.1°, 55, 29.6	`hsl(250.1,55%,29.6%)`
HSV (or HSB)	250.1°, 70.9, 45.9
Web Safe	333366	`#333366`

CIE-LAB	20.269, 31.03, -45.488
XYZ	5.001, 3.057, 17.155
xyY	0.198, 0.121, 3.057
CIE-LCH	20.269, 55.063, 304.3
CIE-LUV	20.269, -0.611, -52.56
Hunter-Lab	17.483, 20.466, -45.939
Binary	00110000, 00100010, 01110101

#302275
```
#302275 rgb(48,34,117)
```
#677522
```
#677522 rgb(103,117,34)
```

Complementary Color

#223e75
```
#223e75 rgb(34,62,117)
```
#302275
```
#302275 rgb(48,34,117)
```
#5a2275
```
#5a2275 rgb(90,34,117)
```

Analogous Color

#3e7522
```
#3e7522 rgb(62,117,34)
```
#302275
```
#302275 rgb(48,34,117)
```
#755a22
```
#755a22 rgb(117,90,34)
```

Split Complementary Color

#227530
```
#227530 rgb(34,117,48)
```
#302275
```
#302275 rgb(48,34,117)
```
#753022
```
#753022 rgb(117,48,34)
```

Triadic Color

#226775
```
#226775 rgb(34,103,117)
```
#302275
```
#302275 rgb(48,34,117)
```
#753022
```
#753022 rgb(117,48,34)
```
#677522
```
#677522 rgb(103,117,34)
```

Tetradic Color

#18113a
```
#18113a rgb(24,17,58)
```
#20174d
```
#20174d rgb(32,23,77)
```
#281c61
```
#281c61 rgb(40,28,97)
```
#302275
```
#302275 rgb(48,34,117)
```
#382889
```
#382889 rgb(56,40,137)
```
#402d9d
```
#402d9d rgb(64,45,157)
```
#4833b0
```
#4833b0 rgb(72,51,176)
```

Monochromatic Color

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

#222975
```
#222975 rgb(34,41,117)
```
#222275
```
#222275 rgb(34,34,117)
```
#292275
```
#292275 rgb(41,34,117)
```
#302275
```
#302275 rgb(48,34,117)
```
#372275
```
#372275 rgb(55,34,117)
```
#3e2275
```
#3e2275 rgb(62,34,117)
```
#452275
```
#452275 rgb(69,34,117)
```

Similar Colors

Text with hexadecimal color #302275

This text has a font color of #302275.

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

#302275 background color

This paragraph has a background color of #302275.

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

#302275 border color

This element has a border color of #302275.

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

CSS codes

.text {color:#302275;}

.background {background-color:#302275;}

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

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, #04030b is the darkest color, while #fbfafe is the lightest one.

#04030b
```
#04030b rgb(4,3,11)
```
#0b071a
```
#0b071a rgb(11,7,26)
```
#110c29
```
#110c29 rgb(17,12,41)
```
#171038
```
#171038 rgb(23,16,56)
```
#1d1547
```
#1d1547 rgb(29,21,71)
```
#241957
```
#241957 rgb(36,25,87)
```
#2a1e66
```
#2a1e66 rgb(42,30,102)
```
#302275
```
#302275 rgb(48,34,117)
```
#362684
```
#362684 rgb(54,38,132)
```
#3c2b93
```
#3c2b93 rgb(60,43,147)
```
#432fa3
```
#432fa3 rgb(67,47,163)
```
#4934b2
```
#4934b2 rgb(73,52,178)
```
#4f38c1
```
#4f38c1 rgb(79,56,193)
```

Shade Color Variation

#5a44c9
```
#5a44c9 rgb(90,68,201)
```
#6853cd
```
#6853cd rgb(104,83,205)
```
#7562d1
```
#7562d1 rgb(117,98,209)
```
#8372d6
```
#8372d6 rgb(131,114,214)
```
#9081da
```
#9081da rgb(144,129,218)
```
#9d90df
```
#9d90df rgb(157,144,223)
```
#ab9fe3
```
#ab9fe3 rgb(171,159,227)
```
#b8aee8
```
#b8aee8 rgb(184,174,232)
```
#c5beec
```
#c5beec rgb(197,190,236)
```
#d3cdf0
```
#d3cdf0 rgb(211,205,240)
```
#e0dcf5
```
#e0dcf5 rgb(224,220,245)
```
#eeebf9
```
#eeebf9 rgb(238,235,249)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#4b4b4c
```
#4b4b4c rgb(75,75,76)
```
#474552
```
#474552 rgb(71,69,82)
```
#433f58
```
#433f58 rgb(67,63,88)
```
#3f395e
```
#3f395e rgb(63,57,94)
```
#3c3364
```
#3c3364 rgb(60,51,100)
```
#382e69
```
#382e69 rgb(56,46,105)
```
#34286f
```
#34286f rgb(52,40,111)
```
#302275
```
#302275 rgb(48,34,117)
```
#2c1c7b
```
#2c1c7b rgb(44,28,123)
```
#281681
```
#281681 rgb(40,22,129)
```
#241186
```
#241186 rgb(36,17,134)
```
#210b8c
```
#210b8c rgb(33,11,140)
```
#1d0592
```
#1d0592 rgb(29,5,146)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#302d3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003970 Protanopia 1% of men
#003d62 Deuteranopia 1% of men
#1e4044 Tritanopia 0.001% of the population

Trichromacy

#113172 Protanomaly 1% of men, 0.01% of women
#113369 Deuteranomaly 6% of men, 0.4% of women
#243556 Tritanomaly 0.01% of the population

#302275 hex color

#302275 Color Information

#302275 Color Conversion

Color Schemes with #302275

Alternatives to #302275

#302275 Preview

Shades and Tints of #302275

Tones of #302275

Color Blindness Simulator