#303261 hex color

In a RGB color space, hex #303261 is composed of 18.8% red, 19.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 48.5% magenta, 0% yellow and 62% black. It has a hue angle of 237.6 degrees, a saturation of 33.8% and a lightness of 28.4%. #303261 color hex could be obtained by blending #6064c2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 20
- B 38
RGB color chart
- C 51
- M 48
- Y 0
- K 62
CMYK color chart

● #303261 color description : Very dark desaturated blue.

The hexadecimal color #303261 has RGB values of R:48, G:50, B:97 and CMYK values of C:0.51, M:0.48, Y:0, K:0.62. Its decimal value is 3158625.

Hex triplet	303261	`#303261`
RGB Decimal	48, 50, 97	`rgb(48,50,97)`
RGB Percent	18.8, 19.6, 38	`rgb(18.8%,19.6%,38%)`
CMYK	51, 48, 0, 62
HSL	237.6°, 33.8, 28.4	`hsl(237.6,33.8%,28.4%)`
HSV (or HSB)	237.6°, 50.5, 38
Web Safe	333366	`#333366`

CIE-LAB	22.905, 13.414, -28.273
XYZ	4.517, 3.773, 11.799
xyY	0.225, 0.188, 3.773
CIE-LCH	22.905, 31.294, 295.381
CIE-LUV	22.905, -3.162, -34.689
Hunter-Lab	19.423, 7.52, -22.421
Binary	00110000, 00110010, 01100001

#303261
```
#303261 rgb(48,50,97)
```
#615f30
```
#615f30 rgb(97,95,48)
```

Complementary Color

#304b61
```
#304b61 rgb(48,75,97)
```
#303261
```
#303261 rgb(48,50,97)
```
#473061
```
#473061 rgb(71,48,97)
```

Analogous Color

#4b6130
```
#4b6130 rgb(75,97,48)
```
#303261
```
#303261 rgb(48,50,97)
```
#614730
```
#614730 rgb(97,71,48)
```

Split Complementary Color

#326130
```
#326130 rgb(50,97,48)
```
#303261
```
#303261 rgb(48,50,97)
```
#613032
```
#613032 rgb(97,48,50)
```

Triadic Color

#30615f
```
#30615f rgb(48,97,95)
```
#303261
```
#303261 rgb(48,50,97)
```
#613032
```
#613032 rgb(97,48,50)
```
#615f30
```
#615f30 rgb(97,95,48)
```

Tetradic Color

#17182e
```
#17182e rgb(23,24,46)
```
#1f203f
```
#1f203f rgb(31,32,63)
```
#282950
```
#282950 rgb(40,41,80)
```
#303261
```
#303261 rgb(48,50,97)
```
#383b72
```
#383b72 rgb(56,59,114)
```
#414483
```
#414483 rgb(65,68,131)
```
#494c94
```
#494c94 rgb(73,76,148)
```

Monochromatic Color

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

#303e61
```
#303e61 rgb(48,62,97)
```
#303a61
```
#303a61 rgb(48,58,97)
```
#303661
```
#303661 rgb(48,54,97)
```
#303261
```
#303261 rgb(48,50,97)
```
#323061
```
#323061 rgb(50,48,97)
```
#363061
```
#363061 rgb(54,48,97)
```
#3a3061
```
#3a3061 rgb(58,48,97)
```

Similar Colors

Text with hexadecimal color #303261

This text has a font color of #303261.

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

#303261 background color

This paragraph has a background color of #303261.

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

#303261 border color

This element has a border color of #303261.

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

CSS codes

.text {color:#303261;}

.background {background-color:#303261;}

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

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

#030305
```
#030305 rgb(3,3,5)
```
#090912
```
#090912 rgb(9,9,18)
```
#10101f
```
#10101f rgb(16,16,31)
```
#16172d
```
#16172d rgb(22,23,45)
```
#1d1e3a
```
#1d1e3a rgb(29,30,58)
```
#232447
```
#232447 rgb(35,36,71)
```
#2a2b54
```
#2a2b54 rgb(42,43,84)
```
#303261
```
#303261 rgb(48,50,97)
```
#36396e
```
#36396e rgb(54,57,110)
```
#3d407b
```
#3d407b rgb(61,64,123)
```
#434688
```
#434688 rgb(67,70,136)
```
#4a4d95
```
#4a4d95 rgb(74,77,149)
```
#5054a3
```
#5054a3 rgb(80,84,163)
```

Shade Color Variation

#5a5dad
```
#5a5dad rgb(90,93,173)
```
#676ab4
```
#676ab4 rgb(103,106,180)
```
#7477ba
```
#7477ba rgb(116,119,186)
```
#8184c1
```
#8184c1 rgb(129,132,193)
```
#8e90c7
```
#8e90c7 rgb(142,144,199)
```
#9b9dce
```
#9b9dce rgb(155,157,206)
```
#a8aad4
```
#a8aad4 rgb(168,170,212)
```
#b5b7db
```
#b5b7db rgb(181,183,219)
```
#c3c4e1
```
#c3c4e1 rgb(195,196,225)
```
#d0d1e8
```
#d0d1e8 rgb(208,209,232)
```
#ddddee
```
#ddddee rgb(221,221,238)
```
#eaeaf5
```
#eaeaf5 rgb(234,234,245)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46464b is the less saturated color, while #03098e is the most saturated one.

#46464b
```
#46464b rgb(70,70,75)
```
#414150
```
#414150 rgb(65,65,80)
```
#3b3c56
```
#3b3c56 rgb(59,60,86)
```
#36375b
```
#36375b rgb(54,55,91)
```
#303261
```
#303261 rgb(48,50,97)
```
#2a2d67
```
#2a2d67 rgb(42,45,103)
```
#25286c
```
#25286c rgb(37,40,108)
```
#1f2372
```
#1f2372 rgb(31,35,114)
```
#1a1e77
```
#1a1e77 rgb(26,30,119)
```
#14187d
```
#14187d rgb(20,24,125)
```
#0f1382
```
#0f1382 rgb(15,19,130)
```
#090e88
```
#090e88 rgb(9,14,136)
```
#03098e
```
#03098e rgb(3,9,142)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#36363f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b3f6b Protanopia 1% of men
#244167 Deuteranopia 1% of men
#2f4449 Tritanopia 0.001% of the population

Trichromacy

#2d3a67 Protanomaly 1% of men, 0.01% of women
#283b65 Deuteranomaly 6% of men, 0.4% of women
#2f3d51 Tritanomaly 0.01% of the population

#303261 hex color

#303261 Color Information

#303261 Color Conversion

Color Schemes with #303261

Alternatives to #303261

#303261 Preview

Shades and Tints of #303261

Tones of #303261

Color Blindness Simulator