#302f57 hex color

In a RGB color space, hex #302f57 is composed of 18.8% red, 18.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 46% magenta, 0% yellow and 65.9% black. It has a hue angle of 241.5 degrees, a saturation of 29.9% and a lightness of 26.3%. #302f57 color hex could be obtained by blending #605eae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 18
- B 34
RGB color chart
- C 45
- M 46
- Y 0
- K 66
CMYK color chart

● #302f57 color description : Very dark desaturated blue.

The hexadecimal color #302f57 has RGB values of R:48, G:47, B:87 and CMYK values of C:0.45, M:0.46, Y:0, K:0.66. Its decimal value is 3157847.

Hex triplet	302f57	`#302f57`
RGB Decimal	48, 47, 87	`rgb(48,47,87)`
RGB Percent	18.8, 18.4, 34.1	`rgb(18.8%,18.4%,34.1%)`
CMYK	45, 46, 0, 66
HSL	241.5°, 29.9, 26.3	`hsl(241.5,29.9%,26.3%)`
HSV (or HSB)	241.5°, 46, 34.1
Web Safe	333366	`#333366`

CIE-LAB	21.392, 12.095, -24.094
XYZ	3.955, 3.349, 9.454
xyY	0.236, 0.2, 3.349
CIE-LCH	21.392, 26.96, 296.657
CIE-LUV	21.392, -1.725, -28.703
Hunter-Lab	18.301, 6.551, -17.818
Binary	00110000, 00101111, 01010111

#302f57
```
#302f57 rgb(48,47,87)
```
#56572f
```
#56572f rgb(86,87,47)
```

Complementary Color

#2f4257
```
#2f4257 rgb(47,66,87)
```
#302f57
```
#302f57 rgb(48,47,87)
```
#442f57
```
#442f57 rgb(68,47,87)
```

Analogous Color

#42572f
```
#42572f rgb(66,87,47)
```
#302f57
```
#302f57 rgb(48,47,87)
```
#57442f
```
#57442f rgb(87,68,47)
```

Split Complementary Color

#2f5730
```
#2f5730 rgb(47,87,48)
```
#302f57
```
#302f57 rgb(48,47,87)
```
#57302f
```
#57302f rgb(87,48,47)
```

Triadic Color

#2f5657
```
#2f5657 rgb(47,86,87)
```
#302f57
```
#302f57 rgb(48,47,87)
```
#57302f
```
#57302f rgb(87,48,47)
```
#56572f
```
#56572f rgb(86,87,47)
```

Tetradic Color

#151425
```
#151425 rgb(21,20,37)
```
#1e1d36
```
#1e1d36 rgb(30,29,54)
```
#272646
```
#272646 rgb(39,38,70)
```
#302f57
```
#302f57 rgb(48,47,87)
```
#393868
```
#393868 rgb(57,56,104)
```
#424178
```
#424178 rgb(66,65,120)
```
#4b4a89
```
#4b4a89 rgb(75,74,137)
```

Monochromatic Color

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

#2f3857
```
#2f3857 rgb(47,56,87)
```
#2f3557
```
#2f3557 rgb(47,53,87)
```
#2f3157
```
#2f3157 rgb(47,49,87)
```
#302f57
```
#302f57 rgb(48,47,87)
```
#332f57
```
#332f57 rgb(51,47,87)
```
#372f57
```
#372f57 rgb(55,47,87)
```
#3a2f57
```
#3a2f57 rgb(58,47,87)
```

Similar Colors

Text with hexadecimal color #302f57

This text has a font color of #302f57.

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

#302f57 background color

This paragraph has a background color of #302f57.

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

#302f57 border color

This element has a border color of #302f57.

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

CSS codes

.text {color:#302f57;}

.background {background-color:#302f57;}

.border {border:1px solid #302f57;}

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, #06060b is the darkest color, while #fdfdfe is the lightest one.

#06060b
```
#06060b rgb(6,6,11)
```
#0d0d17
```
#0d0d17 rgb(13,13,23)
```
#141324
```
#141324 rgb(20,19,36)
```
#1b1a31
```
#1b1a31 rgb(27,26,49)
```
#22213e
```
#22213e rgb(34,33,62)
```
#29284a
```
#29284a rgb(41,40,74)
```
#302f57
```
#302f57 rgb(48,47,87)
```
#373664
```
#373664 rgb(55,54,100)
```
#3e3d70
```
#3e3d70 rgb(62,61,112)
```
#45447d
```
#45447d rgb(69,68,125)
```
#4c4b8a
```
#4c4b8a rgb(76,75,138)
```
#535197
```
#535197 rgb(83,81,151)
```
#5a58a3
```
#5a58a3 rgb(90,88,163)
```

Shade Color Variation

#6664ab
```
#6664ab rgb(102,100,171)
```
#7271b2
```
#7271b2 rgb(114,113,178)
```
#7f7db9
```
#7f7db9 rgb(127,125,185)
```
#8c8ac0
```
#8c8ac0 rgb(140,138,192)
```
#9897c7
```
#9897c7 rgb(152,151,199)
```
#a5a4ce
```
#a5a4ce rgb(165,164,206)
```
#b1b0d5
```
#b1b0d5 rgb(177,176,213)
```
#bebddb
```
#bebddb rgb(190,189,219)
```
#cbcae2
```
#cbcae2 rgb(203,202,226)
```
#d7d7e9
```
#d7d7e9 rgb(215,215,233)
```
#e4e3f0
```
#e4e3f0 rgb(228,227,240)
```
#f0f0f7
```
#f0f0f7 rgb(240,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#3f3e48
```
#3f3e48 rgb(63,62,72)
```
#3a394d
```
#3a394d rgb(58,57,77)
```
#353452
```
#353452 rgb(53,52,82)
```
#302f57
```
#302f57 rgb(48,47,87)
```
#2b2a5c
```
#2b2a5c rgb(43,42,92)
```
#262561
```
#262561 rgb(38,37,97)
```
#212066
```
#212066 rgb(33,32,102)
```
#1c1a6c
```
#1c1a6c rgb(28,26,108)
```
#181571
```
#181571 rgb(24,21,113)
```
#131076
```
#131076 rgb(19,16,118)
```
#0e0b7b
```
#0e0b7b rgb(14,11,123)
```
#090680
```
#090680 rgb(9,6,128)
```
#040185
```
#040185 rgb(4,1,133)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#33333b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d3c62 Protanopia 1% of men
#2a3e5e Deuteranopia 1% of men
#324044 Tritanopia 0.001% of the population

Trichromacy

#2e375e Protanomaly 1% of men, 0.01% of women
#2c385b Deuteranomaly 6% of men, 0.4% of women
#31394b Tritanomaly 0.01% of the population

#302f57 hex color

#302f57 Color Information

#302f57 Color Conversion

Color Schemes with #302f57

Alternatives to #302f57

#302f57 Preview

Shades and Tints of #302f57

Tones of #302f57

Color Blindness Simulator