#302493 hex color

In a RGB color space, hex #302493 is composed of 18.8% red, 14.1% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 75.5% magenta, 0% yellow and 42.4% black. It has a hue angle of 246.5 degrees, a saturation of 60.7% and a lightness of 35.9%. #302493 color hex could be obtained by blending #6048ff with #000027. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 14
- B 58
RGB color chart
- C 67
- M 76
- Y 0
- K 42
CMYK color chart

● #302493 color description : Dark blue.

The hexadecimal color #302493 has RGB values of R:48, G:36, B:147 and CMYK values of C:0.67, M:0.76, Y:0, K:0.42. Its decimal value is 3155091.

Hex triplet	302493	`#302493`
RGB Decimal	48, 36, 147	`rgb(48,36,147)`
RGB Percent	18.8, 14.1, 57.6	`rgb(18.8%,14.1%,57.6%)`
CMYK	67, 76, 0, 42
HSL	246.5°, 60.7, 35.9	`hsl(246.5,60.7%,35.9%)`
HSV (or HSB)	246.5°, 75.5, 57.6
Web Safe	333399	`#333399`

CIE-LAB	23.659, 39.781, -58.802
XYZ	7.115, 3.996, 27.999
xyY	0.182, 0.102, 3.996
CIE-LCH	23.659, 70.995, 304.079
CIE-LUV	23.659, -2.9, -70.813
Hunter-Lab	19.991, 28.548, -69.046
Binary	00110000, 00100100, 10010011

#302493
```
#302493 rgb(48,36,147)
```
#879324
```
#879324 rgb(135,147,36)
```

Complementary Color

#245093
```
#245093 rgb(36,80,147)
```
#302493
```
#302493 rgb(48,36,147)
```
#682493
```
#682493 rgb(104,36,147)
```

Analogous Color

#509324
```
#509324 rgb(80,147,36)
```
#302493
```
#302493 rgb(48,36,147)
```
#936824
```
#936824 rgb(147,104,36)
```

Split Complementary Color

#249330
```
#249330 rgb(36,147,48)
```
#302493
```
#302493 rgb(48,36,147)
```
#933024
```
#933024 rgb(147,48,36)
```

Triadic Color

#248793
```
#248793 rgb(36,135,147)
```
#302493
```
#302493 rgb(48,36,147)
```
#933024
```
#933024 rgb(147,48,36)
```
#879324
```
#879324 rgb(135,147,36)
```

Tetradic Color

#1c1556
```
#1c1556 rgb(28,21,86)
```
#231a6a
```
#231a6a rgb(35,26,106)
```
#291f7f
```
#291f7f rgb(41,31,127)
```
#302493
```
#302493 rgb(48,36,147)
```
#3729a7
```
#3729a7 rgb(55,41,167)
```
#3d2ebc
```
#3d2ebc rgb(61,46,188)
```
#4636ce
```
#4636ce rgb(70,54,206)
```

Monochromatic Color

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

#243493
```
#243493 rgb(36,52,147)
```
#242b93
```
#242b93 rgb(36,43,147)
```
#272493
```
#272493 rgb(39,36,147)
```
#302493
```
#302493 rgb(48,36,147)
```
#392493
```
#392493 rgb(57,36,147)
```
#422493
```
#422493 rgb(66,36,147)
```
#4c2493
```
#4c2493 rgb(76,36,147)
```

Similar Colors

Text with hexadecimal color #302493

This text has a font color of #302493.

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

#302493 background color

This paragraph has a background color of #302493.

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

#302493 border color

This element has a border color of #302493.

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

CSS codes

.text {color:#302493;}

.background {background-color:#302493;}

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

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

#020105
```
#020105 rgb(2,1,5)
```
#070515
```
#070515 rgb(7,5,21)
```
#0c0925
```
#0c0925 rgb(12,9,37)
```
#110d34
```
#110d34 rgb(17,13,52)
```
#161144
```
#161144 rgb(22,17,68)
```
#1b1554
```
#1b1554 rgb(27,21,84)
```
#211864
```
#211864 rgb(33,24,100)
```
#261c73
```
#261c73 rgb(38,28,115)
```
#2b2083
```
#2b2083 rgb(43,32,131)
```
#302493
```
#302493 rgb(48,36,147)
```
#3528a3
```
#3528a3 rgb(53,40,163)
```
#3a2cb3
```
#3a2cb3 rgb(58,44,179)
```
#3f30c2
```
#3f30c2 rgb(63,48,194)
```

Shade Color Variation

#4837ce
```
#4837ce rgb(72,55,206)
```
#5647d2
```
#5647d2 rgb(86,71,210)
```
#6557d6
```
#6557d6 rgb(101,87,214)
```
#7367da
```
#7367da rgb(115,103,218)
```
#8276de
```
#8276de rgb(130,118,222)
```
#9086e1
```
#9086e1 rgb(144,134,225)
```
#9e96e5
```
#9e96e5 rgb(158,150,229)
```
#ada6e9
```
#ada6e9 rgb(173,166,233)
```
#bbb5ed
```
#bbb5ed rgb(187,181,237)
```
#cac5f1
```
#cac5f1 rgb(202,197,241)
```
#d8d5f5
```
#d8d5f5 rgb(216,213,245)
```
#e7e5f9
```
#e7e5f9 rgb(231,229,249)
```
#f5f4fc
```
#f5f4fc rgb(245,244,252)
```

Tint Color Variation

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

#575562
```
#575562 rgb(87,85,98)
```
#514e69
```
#514e69 rgb(81,78,105)
```
#4c4770
```
#4c4770 rgb(76,71,112)
```
#464077
```
#464077 rgb(70,64,119)
```
#41397e
```
#41397e rgb(65,57,126)
```
#3b3285
```
#3b3285 rgb(59,50,133)
```
#362b8c
```
#362b8c rgb(54,43,140)
```
#302493
```
#302493 rgb(48,36,147)
```
#2a1d9a
```
#2a1d9a rgb(42,29,154)
```
#2516a1
```
#2516a1 rgb(37,22,161)
```
#1f0fa8
```
#1f0fa8 rgb(31,15,168)
```
#1a08af
```
#1a08af rgb(26,8,175)
```
#1401b6
```
#1401b6 rgb(20,1,182)
```

Tone Color Variation

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

Dichromacy

#00407d Protanopia 1% of men
#00446d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#113685 Protanomaly 1% of men, 0.01% of women
#11387b Deuteranomaly 6% of men, 0.4% of women
#113b66 Tritanomaly 0.01% of the population

#302493 hex color

#302493 Color Information

#302493 Color Conversion

Color Schemes with #302493

Alternatives to #302493

#302493 Preview

Shades and Tints of #302493

Tones of #302493

Color Blindness Simulator