#302145 hex color

In a RGB color space, hex #302145 is composed of 18.8% red, 12.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 30.4% cyan, 52.2% magenta, 0% yellow and 72.9% black. It has a hue angle of 265 degrees, a saturation of 35.3% and a lightness of 20%. #302145 color hex could be obtained by blending #60428a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 27
RGB color chart
- C 30
- M 52
- Y 0
- K 73
CMYK color chart

● #302145 color description : Very dark desaturated violet.

The hexadecimal color #302145 has RGB values of R:48, G:33, B:69 and CMYK values of C:0.3, M:0.52, Y:0, K:0.73. Its decimal value is 3154245.

Hex triplet	302145	`#302145`
RGB Decimal	48, 33, 69	`rgb(48,33,69)`
RGB Percent	18.8, 12.9, 27.1	`rgb(18.8%,12.9%,27.1%)`
CMYK	30, 52, 0, 73
HSL	265°, 35.3, 20	`hsl(265,35.3%,20%)`
HSV (or HSB)	265°, 52.2, 27.1
Web Safe	333333	`#333333`

CIE-LAB	16.234, 16.154, -20.083
XYZ	2.837, 2.146, 5.895
xyY	0.261, 0.197, 2.146
CIE-LCH	16.234, 25.773, 308.813
CIE-LUV	16.234, 3.682, -21.513
Hunter-Lab	14.648, 8.933, -13.605
Binary	00110000, 00100001, 01000101

#302145
```
#302145 rgb(48,33,69)
```
#364521
```
#364521 rgb(54,69,33)
```

Complementary Color

#212445
```
#212445 rgb(33,36,69)
```
#302145
```
#302145 rgb(48,33,69)
```
#422145
```
#422145 rgb(66,33,69)
```

Analogous Color

#244521
```
#244521 rgb(36,69,33)
```
#302145
```
#302145 rgb(48,33,69)
```
#454221
```
#454221 rgb(69,66,33)
```

Split Complementary Color

#214530
```
#214530 rgb(33,69,48)
```
#302145
```
#302145 rgb(48,33,69)
```
#453021
```
#453021 rgb(69,48,33)
```

Triadic Color

#213645
```
#213645 rgb(33,54,69)
```
#302145
```
#302145 rgb(48,33,69)
```
#453021
```
#453021 rgb(69,48,33)
```
#364521
```
#364521 rgb(54,69,33)
```

Tetradic Color

#0c0811
```
#0c0811 rgb(12,8,17)
```
#181123
```
#181123 rgb(24,17,35)
```
#241934
```
#241934 rgb(36,25,52)
```
#302145
```
#302145 rgb(48,33,69)
```
#3c2956
```
#3c2956 rgb(60,41,86)
```
#483268
```
#483268 rgb(72,50,104)
```
#543a79
```
#543a79 rgb(84,58,121)
```

Monochromatic Color

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

#272145
```
#272145 rgb(39,33,69)
```
#2a2145
```
#2a2145 rgb(42,33,69)
```
#2d2145
```
#2d2145 rgb(45,33,69)
```
#302145
```
#302145 rgb(48,33,69)
```
#332145
```
#332145 rgb(51,33,69)
```
#362145
```
#362145 rgb(54,33,69)
```
#392145
```
#392145 rgb(57,33,69)
```

Similar Colors

Text with hexadecimal color #302145

This text has a font color of #302145.

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

#302145 background color

This paragraph has a background color of #302145.

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

#302145 border color

This element has a border color of #302145.

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

CSS codes

.text {color:#302145;}

.background {background-color:#302145;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0b0810
```
#0b0810 rgb(11,8,16)
```
#140e1d
```
#140e1d rgb(20,14,29)
```
#1e142a
```
#1e142a rgb(30,20,42)
```
#271b38
```
#271b38 rgb(39,27,56)
```
#302145
```
#302145 rgb(48,33,69)
```
#392752
```
#392752 rgb(57,39,82)
```
#422e60
```
#422e60 rgb(66,46,96)
```
#4c346d
```
#4c346d rgb(76,52,109)
```
#553a7a
```
#553a7a rgb(85,58,122)
```
#5e4187
```
#5e4187 rgb(94,65,135)
```
#674795
```
#674795 rgb(103,71,149)
```
#714da2
```
#714da2 rgb(113,77,162)
```

Shade Color Variation

#7a55ae
```
#7a55ae rgb(122,85,174)
```
#8462b4
```
#8462b4 rgb(132,98,180)
```
#8f70ba
```
#8f70ba rgb(143,112,186)
```
#997dc1
```
#997dc1 rgb(153,125,193)
```
#a48ac7
```
#a48ac7 rgb(164,138,199)
```
#ae98ce
```
#ae98ce rgb(174,152,206)
```
#b8a5d4
```
#b8a5d4 rgb(184,165,212)
```
#c3b2da
```
#c3b2da rgb(195,178,218)
```
#cdbfe1
```
#cdbfe1 rgb(205,191,225)
```
#d8cde7
```
#d8cde7 rgb(216,205,231)
```
#e2daed
```
#e2daed rgb(226,218,237)
```
#ece7f4
```
#ece7f4 rgb(236,231,244)
```
#f7f4fa
```
#f7f4fa rgb(247,244,250)
```

Tint Color Variation

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

#333135
```
#333135 rgb(51,49,53)
```
#322d39
```
#322d39 rgb(50,45,57)
```
#31293d
```
#31293d rgb(49,41,61)
```
#312541
```
#312541 rgb(49,37,65)
```
#302145
```
#302145 rgb(48,33,69)
```
#2f1d49
```
#2f1d49 rgb(47,29,73)
```
#2f194d
```
#2f194d rgb(47,25,77)
```
#2e1551
```
#2e1551 rgb(46,21,81)
```
#2d1155
```
#2d1155 rgb(45,17,85)
```
#2d0d59
```
#2d0d59 rgb(45,13,89)
```
#2c095d
```
#2c095d rgb(44,9,93)
```
#2b0660
```
#2b0660 rgb(43,6,96)
```
#2b0264
```
#2b0264 rgb(43,2,100)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b282f Atypical Achromatopsia 0.001% of the population

Dichromacy

#243253 Protanopia 1% of men
#25334c Deuteranopia 1% of men
#353236 Tritanopia 0.001% of the population

Trichromacy

#282c4e Protanomaly 1% of men, 0.01% of women
#292c49 Deuteranomaly 6% of men, 0.4% of women
#332c3b Tritanomaly 0.01% of the population

#302145 hex color

#302145 Color Information

#302145 Color Conversion

Color Schemes with #302145

Alternatives to #302145

#302145 Preview

Shades and Tints of #302145

Tones of #302145

Color Blindness Simulator