#302540 hex color

In a RGB color space, hex #302540 is composed of 18.8% red, 14.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 42.2% magenta, 0% yellow and 74.9% black. It has a hue angle of 264.4 degrees, a saturation of 26.7% and a lightness of 19.8%. #302540 color hex could be obtained by blending #604a80 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 15
- B 25
RGB color chart
- C 25
- M 42
- Y 0
- K 75
CMYK color chart

● #302540 color description : Very dark desaturated violet.

The hexadecimal color #302540 has RGB values of R:48, G:37, B:64 and CMYK values of C:0.25, M:0.42, Y:0, K:0.75. Its decimal value is 3155264.

Hex triplet	302540	`#302540`
RGB Decimal	48, 37, 64	`rgb(48,37,64)`
RGB Percent	18.8, 14.5, 25.1	`rgb(18.8%,14.5%,25.1%)`
CMYK	25, 42, 0, 75
HSL	264.4°, 26.7, 19.8	`hsl(264.4,26.7%,19.8%)`
HSV (or HSB)	264.4°, 42.2, 25.1
Web Safe	333333	`#333333`

CIE-LAB	17.092, 11.889, -15.276
XYZ	2.806, 2.322, 5.151
xyY	0.273, 0.226, 2.322
CIE-LCH	17.092, 19.357, 307.893
CIE-LUV	17.092, 3.019, -16.598
Hunter-Lab	15.237, 6.204, -9.376
Binary	00110000, 00100101, 01000000

#302540
```
#302540 rgb(48,37,64)
```
#354025
```
#354025 rgb(53,64,37)
```

Complementary Color

#252840
```
#252840 rgb(37,40,64)
```
#302540
```
#302540 rgb(48,37,64)
```
#3e2540
```
#3e2540 rgb(62,37,64)
```

Analogous Color

#284025
```
#284025 rgb(40,64,37)
```
#302540
```
#302540 rgb(48,37,64)
```
#403e25
```
#403e25 rgb(64,62,37)
```

Split Complementary Color

#254030
```
#254030 rgb(37,64,48)
```
#302540
```
#302540 rgb(48,37,64)
```
#403025
```
#403025 rgb(64,48,37)
```

Triadic Color

#253540
```
#253540 rgb(37,53,64)
```
#302540
```
#302540 rgb(48,37,64)
```
#403025
```
#403025 rgb(64,48,37)
```
#354025
```
#354025 rgb(53,64,37)
```

Tetradic Color

#0c0910
```
#0c0910 rgb(12,9,16)
```
#181220
```
#181220 rgb(24,18,32)
```
#241c30
```
#241c30 rgb(36,28,48)
```
#302540
```
#302540 rgb(48,37,64)
```
#3c2e50
```
#3c2e50 rgb(60,46,80)
```
#483860
```
#483860 rgb(72,56,96)
```
#544170
```
#544170 rgb(84,65,112)
```

Monochromatic Color

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

#292540
```
#292540 rgb(41,37,64)
```
#2c2540
```
#2c2540 rgb(44,37,64)
```
#2e2540
```
#2e2540 rgb(46,37,64)
```
#302540
```
#302540 rgb(48,37,64)
```
#322540
```
#322540 rgb(50,37,64)
```
#352540
```
#352540 rgb(53,37,64)
```
#372540
```
#372540 rgb(55,37,64)
```

Similar Colors

Text with hexadecimal color #302540

This text has a font color of #302540.

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

#302540 background color

This paragraph has a background color of #302540.

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

#302540 border color

This element has a border color of #302540.

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

CSS codes

.text {color:#302540;}

.background {background-color:#302540;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b080e
```
#0b080e rgb(11,8,14)
```
#140f1b
```
#140f1b rgb(20,15,27)
```
#1d1727
```
#1d1727 rgb(29,23,39)
```
#271e34
```
#271e34 rgb(39,30,52)
```
#302540
```
#302540 rgb(48,37,64)
```
#392c4c
```
#392c4c rgb(57,44,76)
```
#433359
```
#433359 rgb(67,51,89)
```
#4c3b65
```
#4c3b65 rgb(76,59,101)
```
#554272
```
#554272 rgb(85,66,114)
```
#5f497e
```
#5f497e rgb(95,73,126)
```
#68508b
```
#68508b rgb(104,80,139)
```
#715797
```
#715797 rgb(113,87,151)
```

Shade Color Variation

#7b5fa3
```
#7b5fa3 rgb(123,95,163)
```
#856caa
```
#856caa rgb(133,108,170)
```
#8f78b1
```
#8f78b1 rgb(143,120,177)
```
#9a85b8
```
#9a85b8 rgb(154,133,184)
```
#a491bf
```
#a491bf rgb(164,145,191)
```
#ae9dc7
```
#ae9dc7 rgb(174,157,199)
```
#b8aace
```
#b8aace rgb(184,170,206)
```
#c3b6d5
```
#c3b6d5 rgb(195,182,213)
```
#cdc3dc
```
#cdc3dc rgb(205,195,220)
```
#d7cfe3
```
#d7cfe3 rgb(215,207,227)
```
#e2dceb
```
#e2dceb rgb(226,220,235)
```
#ece8f2
```
#ece8f2 rgb(236,232,242)
```
#f6f4f9
```
#f6f4f9 rgb(246,244,249)
```

Tint Color Variation

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

#323134
```
#323134 rgb(50,49,52)
```
#312d38
```
#312d38 rgb(49,45,56)
```
#31293c
```
#31293c rgb(49,41,60)
```
#302540
```
#302540 rgb(48,37,64)
```
#2f2144
```
#2f2144 rgb(47,33,68)
```
#2f1d48
```
#2f1d48 rgb(47,29,72)
```
#2e194c
```
#2e194c rgb(46,25,76)
```
#2d1550
```
#2d1550 rgb(45,21,80)
```
#2c1253
```
#2c1253 rgb(44,18,83)
```
#2c0e57
```
#2c0e57 rgb(44,14,87)
```
#2b0a5b
```
#2b0a5b rgb(43,10,91)
```
#2a065f
```
#2a065f rgb(42,6,95)
```
#2a0263
```
#2a0263 rgb(42,2,99)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2a2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c344c Protanopia 1% of men
#2d3448 Deuteranopia 1% of men
#363438 Tritanopia 0.001% of the population

Trichromacy

#2d2e48 Protanomaly 1% of men, 0.01% of women
#2e2e45 Deuteranomaly 6% of men, 0.4% of women
#342e3a Tritanomaly 0.01% of the population

#302540 hex color

#302540 Color Information

#302540 Color Conversion

Color Schemes with #302540

Alternatives to #302540

#302540 Preview

Shades and Tints of #302540

Tones of #302540

Color Blindness Simulator