colorhexa.com

#301e45 hex color

In a RGB color space, hex #301e45 is composed of 18.8% red, 11.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 30.4% cyan, 56.5% magenta, 0% yellow and 72.9% black. It has a hue angle of 267.7 degrees, a saturation of 39.4% and a lightness of 19.4%. #301e45 color hex could be obtained by blending #603c8a with #000000. Closest websafe color is: #333333.

- R 19
- G 12
- B 27
RGB color chart
- C 30
- M 57
- Y 0
- K 73
CMYK color chart

● #301e45 color description : Very dark desaturated violet.

The hexadecimal color #301e45 has RGB values of R:48, G:30, B:69 and CMYK values of C:0.3, M:0.57, Y:0, K:0.73. Its decimal value is 3153477.

Hex triplet	301e45	`#301e45`
RGB Decimal	48, 30, 69	`rgb(48,30,69)`
RGB Percent	18.8, 11.8, 27.1	`rgb(18.8%,11.8%,27.1%)`
CMYK	30, 57, 0, 73
HSL	267.7°, 39.4, 19.4	`hsl(267.7,39.4%,19.4%)`
HSV (or HSB)	267.7°, 56.5, 27.1
Web Safe	333333	`#333333`

CIE-LAB	15.417, 18.214, -21.379
XYZ	2.757, 1.987, 5.868
xyY	0.26, 0.187, 1.987
CIE-LCH	15.417, 28.085, 310.43
CIE-LUV	15.417, 4.415, -22.425
Hunter-Lab	14.095, 10.252, -14.818
Binary	00110000, 00011110, 01000101

#301e45
```
#301e45 rgb(48,30,69)
```
#33451e
```
#33451e rgb(51,69,30)
```

Complementary Color

#1e2045
```
#1e2045 rgb(30,32,69)
```
#301e45
```
#301e45 rgb(48,30,69)
```
#441e45
```
#441e45 rgb(68,30,69)
```

Analogous Color

#20451e
```
#20451e rgb(32,69,30)
```
#301e45
```
#301e45 rgb(48,30,69)
```
#45441e
```
#45441e rgb(69,68,30)
```

Split Complementary Color

#0b0710
```
#0b0710 rgb(11,7,16)
```
#170f21
```
#170f21 rgb(23,15,33)
```
#241633
```
#241633 rgb(36,22,51)
```
#301e45
```
#301e45 rgb(48,30,69)
```
#3c2657
```
#3c2657 rgb(60,38,87)
```
#492d69
```
#492d69 rgb(73,45,105)
```
#55357a
```
#55357a rgb(85,53,122)
```

Monochromatic Color

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

#261e45
```
#261e45 rgb(38,30,69)
```
#2a1e45
```
#2a1e45 rgb(42,30,69)
```
#2d1e45
```
#2d1e45 rgb(45,30,69)
```
#301e45
```
#301e45 rgb(48,30,69)
```
#331e45
```
#331e45 rgb(51,30,69)
```
#371e45
```
#371e45 rgb(55,30,69)
```
#3a1e45
```
#3a1e45 rgb(58,30,69)
```

Similar Colors

Text with hexadecimal color #301e45

This text has a font color of #301e45.

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

#301e45 background color

This paragraph has a background color of #301e45.

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

#301e45 border color

This element has a border color of #301e45.

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

CSS codes

.text {color:#301e45;}

.background {background-color:#301e45;}

.border {border:1px solid #301e45;}

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 #f5f2f9 is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#0a060e
```
#0a060e rgb(10,6,14)
```
#130c1c
```
#130c1c rgb(19,12,28)
```
#1d122a
```
#1d122a rgb(29,18,42)
```
#261837
```
#261837 rgb(38,24,55)
```
#301e45
```
#301e45 rgb(48,30,69)
```
#3a2453
```
#3a2453 rgb(58,36,83)
```
#432a60
```
#432a60 rgb(67,42,96)
```
#4d306e
```
#4d306e rgb(77,48,110)
```
#56367c
```
#56367c rgb(86,54,124)
```
#603c89
```
#603c89 rgb(96,60,137)
```
#694297
```
#694297 rgb(105,66,151)
```
#7348a5
```
#7348a5 rgb(115,72,165)
```

Shade Color Variation

#7c4eb2
```
#7c4eb2 rgb(124,78,178)
```
#865cb8
```
#865cb8 rgb(134,92,184)
```
#9069be
```
#9069be rgb(144,105,190)
```
#9a77c4
```
#9a77c4 rgb(154,119,196)
```
#a585ca
```
#a585ca rgb(165,133,202)
```
#af92d0
```
#af92d0 rgb(175,146,208)
```
#b9a0d6
```
#b9a0d6 rgb(185,160,214)
```
#c3aedc
```
#c3aedc rgb(195,174,220)
```
#cdbbe2
```
#cdbbe2 rgb(205,187,226)
```
#d7c9e8
```
#d7c9e8 rgb(215,201,232)
```
#e1d7ed
```
#e1d7ed rgb(225,215,237)
```
#ebe4f3
```
#ebe4f3 rgb(235,228,243)
```
#f5f2f9
```
#f5f2f9 rgb(245,242,249)
```

Tint Color Variation

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

#313132
```
#313132 rgb(49,49,50)
```
#312d36
```
#312d36 rgb(49,45,54)
```
#31293a
```
#31293a rgb(49,41,58)
```
#31263d
```
#31263d rgb(49,38,61)
```
#302241
```
#302241 rgb(48,34,65)
```
#301e45
```
#301e45 rgb(48,30,69)
```
#301a49
```
#301a49 rgb(48,26,73)
```
#2f164d
```
#2f164d rgb(47,22,77)
```
#2f1350
```
#2f1350 rgb(47,19,80)
```
#2f0f54
```
#2f0f54 rgb(47,15,84)
```
#2f0b58
```
#2f0b58 rgb(47,11,88)
```
#2e075c
```
#2e075c rgb(46,7,92)
```
#2e0360
```
#2e0360 rgb(46,3,96)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a262e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f3054 Protanopia 1% of men
#21314b Deuteranopia 1% of men
#343034 Tritanopia 0.001% of the population

Trichromacy

#25294e Protanomaly 1% of men, 0.01% of women
#262a49 Deuteranomaly 6% of men, 0.4% of women
#33293a Tritanomaly 0.01% of the population