#301dc5 hex color

In a RGB color space, hex #301dc5 is composed of 18.8% red, 11.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 85.3% magenta, 0% yellow and 22.7% black. It has a hue angle of 246.8 degrees, a saturation of 74.3% and a lightness of 44.3%. #301dc5 color hex could be obtained by blending #603aff with #00008b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 11
- B 77
RGB color chart
- C 76
- M 85
- Y 0
- K 23
CMYK color chart

● #301dc5 color description : Strong blue.

The hexadecimal color #301dc5 has RGB values of R:48, G:29, B:197 and CMYK values of C:0.76, M:0.85, Y:0, K:0.23. Its decimal value is 3153349.

Hex triplet	301dc5	`#301dc5`
RGB Decimal	48, 29, 197	`rgb(48,29,197)`
RGB Percent	18.8, 11.4, 77.3	`rgb(18.8%,11.4%,77.3%)`
CMYK	76, 85, 0, 23
HSL	246.8°, 74.3, 44.3	`hsl(246.8,74.3%,44.3%)`
HSV (or HSB)	246.8°, 85.3, 77.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.215, 58.388, -81.362
XYZ	11.734, 5.538, 53.271
xyY	0.166, 0.079, 5.538
CIE-LCH	28.215, 100.144, 305.664
CIE-LUV	28.215, -4.948, -99.984
Hunter-Lab	23.532, 47.828, -117.745
Binary	00110000, 00011101, 11000101

#301dc5
```
#301dc5 rgb(48,29,197)
```
#b2c51d
```
#b2c51d rgb(178,197,29)
```

Complementary Color

#1d5ec5
```
#1d5ec5 rgb(29,94,197)
```
#301dc5
```
#301dc5 rgb(48,29,197)
```
#841dc5
```
#841dc5 rgb(132,29,197)
```

Analogous Color

#5ec51d
```
#5ec51d rgb(94,197,29)
```
#301dc5
```
#301dc5 rgb(48,29,197)
```
#c5841d
```
#c5841d rgb(197,132,29)
```

Split Complementary Color

#1dc530
```
#1dc530 rgb(29,197,48)
```
#301dc5
```
#301dc5 rgb(48,29,197)
```
#c5301d
```
#c5301d rgb(197,48,29)
```

Triadic Color

#1db2c5
```
#1db2c5 rgb(29,178,197)
```
#301dc5
```
#301dc5 rgb(48,29,197)
```
#c5301d
```
#c5301d rgb(197,48,29)
```
#b2c51d
```
#b2c51d rgb(178,197,29)
```

Tetradic Color

#201382
```
#201382 rgb(32,19,130)
```
#251699
```
#251699 rgb(37,22,153)
```
#2b1aaf
```
#2b1aaf rgb(43,26,175)
```
#301dc5
```
#301dc5 rgb(48,29,197)
```
#3520db
```
#3520db rgb(53,32,219)
```
#4734e1
```
#4734e1 rgb(71,52,225)
```
#5c4ae4
```
#5c4ae4 rgb(92,74,228)
```

Monochromatic Color

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

#1d34c5
```
#1d34c5 rgb(29,52,197)
```
#1d26c5
```
#1d26c5 rgb(29,38,197)
```
#221dc5
```
#221dc5 rgb(34,29,197)
```
#301dc5
```
#301dc5 rgb(48,29,197)
```
#3e1dc5
```
#3e1dc5 rgb(62,29,197)
```
#4c1dc5
```
#4c1dc5 rgb(76,29,197)
```
#5a1dc5
```
#5a1dc5 rgb(90,29,197)
```

Similar Colors

Text with hexadecimal color #301dc5

This text has a font color of #301dc5.

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

#301dc5 background color

This paragraph has a background color of #301dc5.

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

#301dc5 border color

This element has a border color of #301dc5.

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

CSS codes

.text {color:#301dc5;}

.background {background-color:#301dc5;}

.border {border:1px solid #301dc5;}

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

#020109
```
#020109 rgb(2,1,9)
```
#06041a
```
#06041a rgb(6,4,26)
```
#0b062b
```
#0b062b rgb(11,6,43)
```
#0f093c
```
#0f093c rgb(15,9,60)
```
#130b4d
```
#130b4d rgb(19,11,77)
```
#170e5e
```
#170e5e rgb(23,14,94)
```
#1b1070
```
#1b1070 rgb(27,16,112)
```
#1f1381
```
#1f1381 rgb(31,19,129)
```
#241592
```
#241592 rgb(36,21,146)
```
#2818a3
```
#2818a3 rgb(40,24,163)
```
#2c1ab4
```
#2c1ab4 rgb(44,26,180)
```
#301dc5
```
#301dc5 rgb(48,29,197)
```
#3420d6
```
#3420d6 rgb(52,32,214)
```

Shade Color Variation

#3e2ae0
```
#3e2ae0 rgb(62,42,224)
```
#4e3be2
```
#4e3be2 rgb(78,59,226)
```
#5d4ce5
```
#5d4ce5 rgb(93,76,229)
```
#6d5de7
```
#6d5de7 rgb(109,93,231)
```
#7c6eea
```
#7c6eea rgb(124,110,234)
```
#8b7fec
```
#8b7fec rgb(139,127,236)
```
#9b90ef
```
#9b90ef rgb(155,144,239)
```
#aaa1f1
```
#aaa1f1 rgb(170,161,241)
```
#bab2f4
```
#bab2f4 rgb(186,178,244)
```
#c9c4f6
```
#c9c4f6 rgb(201,196,246)
```
#d9d5f9
```
#d9d5f9 rgb(217,213,249)
```
#e8e6fb
```
#e8e6fb rgb(232,230,251)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6b77 is the less saturated color, while #1c03df is the most saturated one.

#6d6b77
```
#6d6b77 rgb(109,107,119)
```
#66637f
```
#66637f rgb(102,99,127)
```
#5f5a88
```
#5f5a88 rgb(95,90,136)
```
#585191
```
#585191 rgb(88,81,145)
```
#52489a
```
#52489a rgb(82,72,154)
```
#4b40a2
```
#4b40a2 rgb(75,64,162)
```
#4437ab
```
#4437ab rgb(68,55,171)
```
#3d2eb4
```
#3d2eb4 rgb(61,46,180)
```
#3726bc
```
#3726bc rgb(55,38,188)
```
#301dc5
```
#301dc5 rgb(48,29,197)
```
#2914ce
```
#2914ce rgb(41,20,206)
```
#230cd6
```
#230cd6 rgb(35,12,214)
```
#1c03df
```
#1c03df rgb(28,3,223)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#353153 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#1139a3 Protanomaly 1% of men, 0.01% of women
#113c96 Deuteranomaly 6% of men, 0.4% of women
#113f7f Tritanomaly 0.01% of the population

#301dc5 hex color

#301dc5 Color Information

#301dc5 Color Conversion

Color Schemes with #301dc5

Alternatives to #301dc5

#301dc5 Preview

Shades and Tints of #301dc5

Tones of #301dc5

Color Blindness Simulator