#302143 hex color

In a RGB color space, hex #302143 is composed of 18.8% red, 12.9% green and 26.3% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 50.7% magenta, 0% yellow and 73.7% black. It has a hue angle of 266.5 degrees, a saturation of 34% and a lightness of 19.6%. #302143 color hex could be obtained by blending #604286 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 26
RGB color chart
- C 28
- M 51
- Y 0
- K 74
CMYK color chart

● #302143 color description : Very dark desaturated violet.

The hexadecimal color #302143 has RGB values of R:48, G:33, B:67 and CMYK values of C:0.28, M:0.51, Y:0, K:0.74. Its decimal value is 3154243.

Hex triplet	302143	`#302143`
RGB Decimal	48, 33, 67	`rgb(48,33,67)`
RGB Percent	18.8, 12.9, 26.3	`rgb(18.8%,12.9%,26.3%)`
CMYK	28, 51, 0, 74
HSL	266.5°, 34, 19.6	`hsl(266.5,34%,19.6%)`
HSV (or HSB)	266.5°, 50.7, 26.3
Web Safe	333333	`#333333`

CIE-LAB	16.112, 15.563, -18.893
XYZ	2.776, 2.121, 5.573
xyY	0.265, 0.203, 2.121
CIE-LCH	16.112, 24.477, 309.479
CIE-LUV	16.112, 3.88, -20.166
Hunter-Lab	14.565, 8.529, -12.491
Binary	00110000, 00100001, 01000011

#302143
```
#302143 rgb(48,33,67)
```
#344321
```
#344321 rgb(52,67,33)
```

Complementary Color

#212343
```
#212343 rgb(33,35,67)
```
#302143
```
#302143 rgb(48,33,67)
```
#412143
```
#412143 rgb(65,33,67)
```

Analogous Color

#234321
```
#234321 rgb(35,67,33)
```
#302143
```
#302143 rgb(48,33,67)
```
#434121
```
#434121 rgb(67,65,33)
```

Split Complementary Color

#214330
```
#214330 rgb(33,67,48)
```
#302143
```
#302143 rgb(48,33,67)
```
#433021
```
#433021 rgb(67,48,33)
```

Triadic Color

#213443
```
#213443 rgb(33,52,67)
```
#302143
```
#302143 rgb(48,33,67)
```
#433021
```
#433021 rgb(67,48,33)
```
#344321
```
#344321 rgb(52,67,33)
```

Tetradic Color

#0b0810
```
#0b0810 rgb(11,8,16)
```
#181021
```
#181021 rgb(24,16,33)
```
#241932
```
#241932 rgb(36,25,50)
```
#302143
```
#302143 rgb(48,33,67)
```
#3c2954
```
#3c2954 rgb(60,41,84)
```
#483265
```
#483265 rgb(72,50,101)
```
#553a76
```
#553a76 rgb(85,58,118)
```

Monochromatic Color

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

#282143
```
#282143 rgb(40,33,67)
```
#2a2143
```
#2a2143 rgb(42,33,67)
```
#2d2143
```
#2d2143 rgb(45,33,67)
```
#302143
```
#302143 rgb(48,33,67)
```
#332143
```
#332143 rgb(51,33,67)
```
#362143
```
#362143 rgb(54,33,67)
```
#392143
```
#392143 rgb(57,33,67)
```

Similar Colors

Text with hexadecimal color #302143

This text has a font color of #302143.

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

#302143 background color

This paragraph has a background color of #302143.

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

#302143 border color

This element has a border color of #302143.

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

CSS codes

.text {color:#302143;}

.background {background-color:#302143;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a070e
```
#0a070e rgb(10,7,14)
```
#140e1c
```
#140e1c rgb(20,14,28)
```
#1d1429
```
#1d1429 rgb(29,20,41)
```
#271b36
```
#271b36 rgb(39,27,54)
```
#302143
```
#302143 rgb(48,33,67)
```
#392750
```
#392750 rgb(57,39,80)
```
#432e5d
```
#432e5d rgb(67,46,93)
```
#4c346a
```
#4c346a rgb(76,52,106)
```
#563b78
```
#563b78 rgb(86,59,120)
```
#5f4185
```
#5f4185 rgb(95,65,133)
```
#684892
```
#684892 rgb(104,72,146)
```
#724e9f
```
#724e9f rgb(114,78,159)
```

Shade Color Variation

#7b55ab
```
#7b55ab rgb(123,85,171)
```
#8663b2
```
#8663b2 rgb(134,99,178)
```
#9070b8
```
#9070b8 rgb(144,112,184)
```
#9a7dbf
```
#9a7dbf rgb(154,125,191)
```
#a48ac5
```
#a48ac5 rgb(164,138,197)
```
#ae97cc
```
#ae97cc rgb(174,151,204)
```
#b9a4d2
```
#b9a4d2 rgb(185,164,210)
```
#c3b1d9
```
#c3b1d9 rgb(195,177,217)
```
#cdbfdf
```
#cdbfdf rgb(205,191,223)
```
#d7cce6
```
#d7cce6 rgb(215,204,230)
```
#e1d9ec
```
#e1d9ec rgb(225,217,236)
```
#ece6f3
```
#ece6f3 rgb(236,230,243)
```
#f6f3f9
```
#f6f3f9 rgb(246,243,249)
```

Tint Color Variation

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

#323034
```
#323034 rgb(50,48,52)
```
#312d37
```
#312d37 rgb(49,45,55)
```
#31293b
```
#31293b rgb(49,41,59)
```
#30253f
```
#30253f rgb(48,37,63)
```
#302143
```
#302143 rgb(48,33,67)
```
#301d47
```
#301d47 rgb(48,29,71)
```
#2f194b
```
#2f194b rgb(47,25,75)
```
#2f154f
```
#2f154f rgb(47,21,79)
```
#2e1252
```
#2e1252 rgb(46,18,82)
```
#2e0e56
```
#2e0e56 rgb(46,14,86)
```
#2d0a5a
```
#2d0a5a rgb(45,10,90)
```
#2d065e
```
#2d065e rgb(45,6,94)
```
#2c0262
```
#2c0262 rgb(44,2,98)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2a272e Atypical Achromatopsia 0.001% of the population

Dichromacy

#253251 Protanopia 1% of men
#27334a Deuteranopia 1% of men
#353235 Tritanopia 0.001% of the population

Trichromacy

#292b4c Protanomaly 1% of men, 0.01% of women
#2a2c47 Deuteranomaly 6% of men, 0.4% of women
#332b3a Tritanomaly 0.01% of the population

#302143 hex color

#302143 Color Information

#302143 Color Conversion

Color Schemes with #302143

Alternatives to #302143

#302143 Preview

Shades and Tints of #302143

Tones of #302143

Color Blindness Simulator