#303953 hex color

In a RGB color space, hex #303953 is composed of 18.8% red, 22.4% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 31.3% magenta, 0% yellow and 67.5% black. It has a hue angle of 224.6 degrees, a saturation of 26.7% and a lightness of 25.7%. #303953 color hex could be obtained by blending #6072a6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 22
- B 33
RGB color chart
- C 42
- M 31
- Y 0
- K 67
CMYK color chart

● #303953 color description : Very dark desaturated blue.

The hexadecimal color #303953 has RGB values of R:48, G:57, B:83 and CMYK values of C:0.42, M:0.31, Y:0, K:0.67. Its decimal value is 3160403.

Hex triplet	303953	`#303953`
RGB Decimal	48, 57, 83	`rgb(48,57,83)`
RGB Percent	18.8, 22.4, 32.5	`rgb(18.8%,22.4%,32.5%)`
CMYK	42, 31, 0, 67
HSL	224.6°, 26.7, 25.7	`hsl(224.6,26.7%,25.7%)`
HSV (or HSB)	224.6°, 42.2, 32.5
Web Safe	333366	`#333366`

CIE-LAB	24.255, 3.86, -16.956
XYZ	4.243, 4.179, 8.766
xyY	0.247, 0.243, 4.179
CIE-LCH	24.255, 17.389, 282.824
CIE-LUV	24.255, -4.978, -20.463
Hunter-Lab	20.443, 1.275, -11.115
Binary	00110000, 00111001, 01010011

#303953
```
#303953 rgb(48,57,83)
```
#534a30
```
#534a30 rgb(83,74,48)
```

Complementary Color

#304b53
```
#304b53 rgb(48,75,83)
```
#303953
```
#303953 rgb(48,57,83)
```
#393053
```
#393053 rgb(57,48,83)
```

Analogous Color

#4b5330
```
#4b5330 rgb(75,83,48)
```
#303953
```
#303953 rgb(48,57,83)
```
#533930
```
#533930 rgb(83,57,48)
```

Split Complementary Color

#395330
```
#395330 rgb(57,83,48)
```
#303953
```
#303953 rgb(48,57,83)
```
#533039
```
#533039 rgb(83,48,57)
```

Triadic Color

#30534a
```
#30534a rgb(48,83,74)
```
#303953
```
#303953 rgb(48,57,83)
```
#533039
```
#533039 rgb(83,48,57)
```
#534a30
```
#534a30 rgb(83,74,48)
```

Tetradic Color

#141823
```
#141823 rgb(20,24,35)
```
#1d2333
```
#1d2333 rgb(29,35,51)
```
#272e43
```
#272e43 rgb(39,46,67)
```
#303953
```
#303953 rgb(48,57,83)
```
#394463
```
#394463 rgb(57,68,99)
```
#434f73
```
#434f73 rgb(67,79,115)
```
#4c5a83
```
#4c5a83 rgb(76,90,131)
```

Monochromatic Color

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

#304253
```
#304253 rgb(48,66,83)
```
#303f53
```
#303f53 rgb(48,63,83)
```
#303c53
```
#303c53 rgb(48,60,83)
```
#303953
```
#303953 rgb(48,57,83)
```
#303653
```
#303653 rgb(48,54,83)
```
#303353
```
#303353 rgb(48,51,83)
```
#303053
```
#303053 rgb(48,48,83)
```

Similar Colors

Text with hexadecimal color #303953

This text has a font color of #303953.

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

#303953 background color

This paragraph has a background color of #303953.

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

#303953 border color

This element has a border color of #303953.

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

CSS codes

.text {color:#303953;}

.background {background-color:#303953;}

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c0e15
```
#0c0e15 rgb(12,14,21)
```
#131721
```
#131721 rgb(19,23,33)
```
#1a1f2e
```
#1a1f2e rgb(26,31,46)
```
#22283a
```
#22283a rgb(34,40,58)
```
#293047
```
#293047 rgb(41,48,71)
```
#303953
```
#303953 rgb(48,57,83)
```
#37425f
```
#37425f rgb(55,66,95)
```
#3e4a6c
```
#3e4a6c rgb(62,74,108)
```
#465378
```
#465378 rgb(70,83,120)
```
#4d5b85
```
#4d5b85 rgb(77,91,133)
```
#546491
```
#546491 rgb(84,100,145)
```
#5b6c9e
```
#5b6c9e rgb(91,108,158)
```

Shade Color Variation

#6676a6
```
#6676a6 rgb(102,118,166)
```
#7282ae
```
#7282ae rgb(114,130,174)
```
#7f8db5
```
#7f8db5 rgb(127,141,181)
```
#8b98bc
```
#8b98bc rgb(139,152,188)
```
#98a3c3
```
#98a3c3 rgb(152,163,195)
```
#a4aeca
```
#a4aeca rgb(164,174,202)
```
#b0b9d2
```
#b0b9d2 rgb(176,185,210)
```
#bdc4d9
```
#bdc4d9 rgb(189,196,217)
```
#c9cfe0
```
#c9cfe0 rgb(201,207,224)
```
#d6dae7
```
#d6dae7 rgb(214,218,231)
```
#e2e5ee
```
#e2e5ee rgb(226,229,238)
```
#eff0f6
```
#eff0f6 rgb(239,240,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#3f4044
```
#3f4044 rgb(63,64,68)
```
#3a3e49
```
#3a3e49 rgb(58,62,73)
```
#353b4e
```
#353b4e rgb(53,59,78)
```
#303953
```
#303953 rgb(48,57,83)
```
#2b3758
```
#2b3758 rgb(43,55,88)
```
#26345d
```
#26345d rgb(38,52,93)
```
#213262
```
#213262 rgb(33,50,98)
```
#1c2f67
```
#1c2f67 rgb(28,47,103)
```
#172d6c
```
#172d6c rgb(23,45,108)
```
#122a71
```
#122a71 rgb(18,42,113)
```
#0d2876
```
#0d2876 rgb(13,40,118)
```
#08257b
```
#08257b rgb(8,37,123)
```
#032380
```
#032380 rgb(3,35,128)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#37393e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b435b Protanopia 1% of men
#3b435b Deuteranopia 1% of men
#35464b Tritanopia 0.001% of the population

Trichromacy

#373f58 Protanomaly 1% of men, 0.01% of women
#373f58 Deuteranomaly 6% of men, 0.4% of women
#33414e Tritanomaly 0.01% of the population

#303953 hex color

#303953 Color Information

#303953 Color Conversion

Color Schemes with #303953

Alternatives to #303953

#303953 Preview

Shades and Tints of #303953

Tones of #303953

Color Blindness Simulator