#303d95 hex color

In a RGB color space, hex #303d95 is composed of 18.8% red, 23.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 59.1% magenta, 0% yellow and 41.6% black. It has a hue angle of 232.3 degrees, a saturation of 51.3% and a lightness of 38.6%. #303d95 color hex could be obtained by blending #607aff with #00002b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 24
- B 58
RGB color chart
- C 68
- M 59
- Y 0
- K 42
CMYK color chart

● #303d95 color description : Dark moderate blue.

The hexadecimal color #303d95 has RGB values of R:48, G:61, B:149 and CMYK values of C:0.68, M:0.59, Y:0, K:0.42. Its decimal value is 3161493.

Hex triplet	303d95	`#303d95`
RGB Decimal	48, 61, 149	`rgb(48,61,149)`
RGB Percent	18.8, 23.9, 58.4	`rgb(18.8%,23.9%,58.4%)`
CMYK	68, 59, 0, 42
HSL	232.3°, 51.3, 38.6	`hsl(232.3,51.3%,38.6%)`
HSV (or HSB)	232.3°, 67.8, 58.4
Web Safe	333399	`#333399`

CIE-LAB	29.751, 24.725, -50.061
XYZ	8.311, 6.135, 29.178
xyY	0.191, 0.141, 6.135
CIE-LCH	29.751, 55.834, 296.285
CIE-LUV	29.751, -8.078, -67.464
Hunter-Lab	24.77, 16.548, -52.504
Binary	00110000, 00111101, 10010101

#303d95
```
#303d95 rgb(48,61,149)
```
#958830
```
#958830 rgb(149,136,48)
```

Complementary Color

#307095
```
#307095 rgb(48,112,149)
```
#303d95
```
#303d95 rgb(48,61,149)
```
#563095
```
#563095 rgb(86,48,149)
```

Analogous Color

#709530
```
#709530 rgb(112,149,48)
```
#303d95
```
#303d95 rgb(48,61,149)
```
#955630
```
#955630 rgb(149,86,48)
```

Split Complementary Color

#3d9530
```
#3d9530 rgb(61,149,48)
```
#303d95
```
#303d95 rgb(48,61,149)
```
#95303d
```
#95303d rgb(149,48,61)
```

Triadic Color

#309588
```
#309588 rgb(48,149,136)
```
#303d95
```
#303d95 rgb(48,61,149)
```
#95303d
```
#95303d rgb(149,48,61)
```
#958830
```
#958830 rgb(149,136,48)
```

Tetradic Color

#1d255b
```
#1d255b rgb(29,37,91)
```
#242d6e
```
#242d6e rgb(36,45,110)
```
#2a3582
```
#2a3582 rgb(42,53,130)
```
#303d95
```
#303d95 rgb(48,61,149)
```
#3645a8
```
#3645a8 rgb(54,69,168)
```
#3c4dbc
```
#3c4dbc rgb(60,77,188)
```
#4c5cc5
```
#4c5cc5 rgb(76,92,197)
```

Monochromatic Color

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

#305695
```
#305695 rgb(48,86,149)
```
#304e95
```
#304e95 rgb(48,78,149)
```
#304595
```
#304595 rgb(48,69,149)
```
#303d95
```
#303d95 rgb(48,61,149)
```
#303595
```
#303595 rgb(48,53,149)
```
#343095
```
#343095 rgb(52,48,149)
```
#3c3095
```
#3c3095 rgb(60,48,149)
```

Similar Colors

Text with hexadecimal color #303d95

This text has a font color of #303d95.

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

#303d95 background color

This paragraph has a background color of #303d95.

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

#303d95 border color

This element has a border color of #303d95.

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

CSS codes

.text {color:#303d95;}

.background {background-color:#303d95;}

.border {border:1px solid #303d95;}

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

#000001
```
#000001 rgb(0,0,1)
```
#05060f
```
#05060f rgb(5,6,15)
```
#0a0c1e
```
#0a0c1e rgb(10,12,30)
```
#0f122d
```
#0f122d rgb(15,18,45)
```
#13193c
```
#13193c rgb(19,25,60)
```
#181f4b
```
#181f4b rgb(24,31,75)
```
#1d255a
```
#1d255a rgb(29,37,90)
```
#222b68
```
#222b68 rgb(34,43,104)
```
#263177
```
#263177 rgb(38,49,119)
```
#2b3786
```
#2b3786 rgb(43,55,134)
```
#303d95
```
#303d95 rgb(48,61,149)
```
#3543a4
```
#3543a4 rgb(53,67,164)
```
#3a49b3
```
#3a49b3 rgb(58,73,179)
```

Shade Color Variation

#3f50c1
```
#3f50c1 rgb(63,80,193)
```
#4e5dc6
```
#4e5dc6 rgb(78,93,198)
```
#5c6bcb
```
#5c6bcb rgb(92,107,203)
```
#6b78cf
```
#6b78cf rgb(107,120,207)
```
#7a86d4
```
#7a86d4 rgb(122,134,212)
```
#8993d9
```
#8993d9 rgb(137,147,217)
```
#98a1de
```
#98a1de rgb(152,161,222)
```
#a7aee3
```
#a7aee3 rgb(167,174,227)
```
#b5bce7
```
#b5bce7 rgb(181,188,231)
```
#c4c9ec
```
#c4c9ec rgb(196,201,236)
```
#d3d7f1
```
#d3d7f1 rgb(211,215,241)
```
#e2e5f6
```
#e2e5f6 rgb(226,229,246)
```
#f1f2fa
```
#f1f2fa rgb(241,242,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5f68 is the less saturated color, while #031bc2 is the most saturated one.

#5d5f68
```
#5d5f68 rgb(93,95,104)
```
#56596f
```
#56596f rgb(86,89,111)
```
#4e5477
```
#4e5477 rgb(78,84,119)
```
#474e7e
```
#474e7e rgb(71,78,126)
```
#3f4886
```
#3f4886 rgb(63,72,134)
```
#38438d
```
#38438d rgb(56,67,141)
```
#303d95
```
#303d95 rgb(48,61,149)
```
#28379d
```
#28379d rgb(40,55,157)
```
#2132a4
```
#2132a4 rgb(33,50,164)
```
#192cac
```
#192cac rgb(25,44,172)
```
#1226b3
```
#1226b3 rgb(18,38,179)
```
#0a21bb
```
#0a21bb rgb(10,33,187)
```
#031bc2
```
#031bc2 rgb(3,27,194)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f4253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d97 Protanopia 1% of men
#005184 Deuteranopia 1% of men
#00575d Tritanopia 0.001% of the population

Trichromacy

#114796 Protanomaly 1% of men, 0.01% of women
#114a8a Deuteranomaly 6% of men, 0.4% of women
#114d71 Tritanomaly 0.01% of the population

#303d95 hex color

#303d95 Color Information

#303d95 Color Conversion

Color Schemes with #303d95

Alternatives to #303d95

#303d95 Preview

Shades and Tints of #303d95

Tones of #303d95

Color Blindness Simulator