#302252 hex color

In a RGB color space, hex #302252 is composed of 18.8% red, 13.3% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 58.5% magenta, 0% yellow and 67.8% black. It has a hue angle of 257.5 degrees, a saturation of 41.4% and a lightness of 22.7%. #302252 color hex could be obtained by blending #6044a4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 13
- B 32
RGB color chart
- C 41
- M 59
- Y 0
- K 68
CMYK color chart

● #302252 color description : Very dark desaturated violet.

The hexadecimal color #302252 has RGB values of R:48, G:34, B:82 and CMYK values of C:0.41, M:0.59, Y:0, K:0.68. Its decimal value is 3154514.

Hex triplet	302252	`#302252`
RGB Decimal	48, 34, 82	`rgb(48,34,82)`
RGB Percent	18.8, 13.3, 32.2	`rgb(18.8%,13.3%,32.2%)`
CMYK	41, 59, 0, 68
HSL	257.5°, 41.4, 22.7	`hsl(257.5,41.4%,22.7%)`
HSV (or HSB)	257.5°, 58.5, 32.2
Web Safe	333366	`#333366`

CIE-LAB	17.374, 19.485, -27.148
XYZ	3.314, 2.382, 8.267
xyY	0.237, 0.171, 2.382
CIE-LCH	17.374, 33.416, 305.669
CIE-LUV	17.374, 2.21, -29.946
Hunter-Lab	15.432, 11.321, -20.959
Binary	00110000, 00100010, 01010010

#302252
```
#302252 rgb(48,34,82)
```
#445222
```
#445222 rgb(68,82,34)
```

Complementary Color

#222c52
```
#222c52 rgb(34,44,82)
```
#302252
```
#302252 rgb(48,34,82)
```
#482252
```
#482252 rgb(72,34,82)
```

Analogous Color

#2c5222
```
#2c5222 rgb(44,82,34)
```
#302252
```
#302252 rgb(48,34,82)
```
#524822
```
#524822 rgb(82,72,34)
```

Split Complementary Color

#225230
```
#225230 rgb(34,82,48)
```
#302252
```
#302252 rgb(48,34,82)
```
#523022
```
#523022 rgb(82,48,34)
```

Triadic Color

#224452
```
#224452 rgb(34,68,82)
```
#302252
```
#302252 rgb(48,34,82)
```
#523022
```
#523022 rgb(82,48,34)
```
#445222
```
#445222 rgb(68,82,34)
```

Tetradic Color

#100c1c
```
#100c1c rgb(16,12,28)
```
#1b132e
```
#1b132e rgb(27,19,46)
```
#251b40
```
#251b40 rgb(37,27,64)
```
#302252
```
#302252 rgb(48,34,82)
```
#3b2964
```
#3b2964 rgb(59,41,100)
```
#453176
```
#453176 rgb(69,49,118)
```
#503888
```
#503888 rgb(80,56,136)
```

Monochromatic Color

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

#242252
```
#242252 rgb(36,34,82)
```
#282252
```
#282252 rgb(40,34,82)
```
#2c2252
```
#2c2252 rgb(44,34,82)
```
#302252
```
#302252 rgb(48,34,82)
```
#342252
```
#342252 rgb(52,34,82)
```
#382252
```
#382252 rgb(56,34,82)
```
#3c2252
```
#3c2252 rgb(60,34,82)
```

Similar Colors

Text with hexadecimal color #302252

This text has a font color of #302252.

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

#302252 background color

This paragraph has a background color of #302252.

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

#302252 border color

This element has a border color of #302252.

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

CSS codes

.text {color:#302252;}

.background {background-color:#302252;}

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

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, #07050d is the darkest color, while #fefeff is the lightest one.

#07050d
```
#07050d rgb(7,5,13)
```
#100b1b
```
#100b1b rgb(16,11,27)
```
#181128
```
#181128 rgb(24,17,40)
```
#201736
```
#201736 rgb(32,23,54)
```
#281c44
```
#281c44 rgb(40,28,68)
```
#302252
```
#302252 rgb(48,34,82)
```
#382860
```
#382860 rgb(56,40,96)
```
#402d6e
```
#402d6e rgb(64,45,110)
```
#48337c
```
#48337c rgb(72,51,124)
```
#503989
```
#503989 rgb(80,57,137)
```
#593f97
```
#593f97 rgb(89,63,151)
```
#6144a5
```
#6144a5 rgb(97,68,165)
```
#694ab3
```
#694ab3 rgb(105,74,179)
```

Shade Color Variation

#7457ba
```
#7457ba rgb(116,87,186)
```
#8065bf
```
#8065bf rgb(128,101,191)
```
#8b73c5
```
#8b73c5 rgb(139,115,197)
```
#9781cb
```
#9781cb rgb(151,129,203)
```
#a28fd1
```
#a28fd1 rgb(162,143,209)
```
#ae9dd6
```
#ae9dd6 rgb(174,157,214)
```
#b9abdc
```
#b9abdc rgb(185,171,220)
```
#c5b8e2
```
#c5b8e2 rgb(197,184,226)
```
#d0c6e8
```
#d0c6e8 rgb(208,198,232)
```
#dcd4ed
```
#dcd4ed rgb(220,212,237)
```
#e7e2f3
```
#e7e2f3 rgb(231,226,243)
```
#f3f0f9
```
#f3f0f9 rgb(243,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#39383c
```
#39383c rgb(57,56,60)
```
#373440
```
#373440 rgb(55,52,64)
```
#362f45
```
#362f45 rgb(54,47,69)
```
#342b49
```
#342b49 rgb(52,43,73)
```
#32264e
```
#32264e rgb(50,38,78)
```
#302252
```
#302252 rgb(48,34,82)
```
#2e1e56
```
#2e1e56 rgb(46,30,86)
```
#2c195b
```
#2c195b rgb(44,25,91)
```
#2a155f
```
#2a155f rgb(42,21,95)
```
#291064
```
#291064 rgb(41,16,100)
```
#270c68
```
#270c68 rgb(39,12,104)
```
#25076d
```
#25076d rgb(37,7,109)
```
#230371
```
#230371 rgb(35,3,113)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2a34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#193460 Protanopia 1% of men
#183657 Deuteranopia 1% of men
#31363a Tritanopia 0.001% of the population

Trichromacy

#212d5b Protanomaly 1% of men, 0.01% of women
#212e55 Deuteranomaly 6% of men, 0.4% of women
#312e42 Tritanomaly 0.01% of the population

#302252 hex color

#302252 Color Information

#302252 Color Conversion

Color Schemes with #302252

Alternatives to #302252

#302252 Preview

Shades and Tints of #302252

Tones of #302252

Color Blindness Simulator