#301fbd hex color

In a RGB color space, hex #301fbd is composed of 18.8% red, 12.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 83.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 246.5 degrees, a saturation of 71.8% and a lightness of 43.1%. #301fbd color hex could be obtained by blending #603eff with #00007b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 12
- B 74
RGB color chart
- C 75
- M 84
- Y 0
- K 26
CMYK color chart

● #301fbd color description : Strong blue.

The hexadecimal color #301fbd has RGB values of R:48, G:31, B:189 and CMYK values of C:0.75, M:0.84, Y:0, K:0.26. Its decimal value is 3153853.

Hex triplet	301fbd	`#301fbd`
RGB Decimal	48, 31, 189	`rgb(48,31,189)`
RGB Percent	18.8, 12.2, 74.1	`rgb(18.8%,12.2%,74.1%)`
CMYK	75, 84, 0, 26
HSL	246.5°, 71.8, 43.1	`hsl(246.5,71.8%,43.1%)`
HSV (or HSB)	246.5°, 83.6, 74.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	27.523, 55.266, -77.793
XYZ	10.892, 5.282, 48.587
xyY	0.168, 0.082, 5.282
CIE-LCH	27.523, 95.425, 305.391
CIE-LUV	27.523, -4.698, -95.464
Hunter-Lab	22.982, 44.381, -109.257
Binary	00110000, 00011111, 10111101

#301fbd
```
#301fbd rgb(48,31,189)
```
#acbd1f
```
#acbd1f rgb(172,189,31)
```

Complementary Color

#1f5dbd
```
#1f5dbd rgb(31,93,189)
```
#301fbd
```
#301fbd rgb(48,31,189)
```
#7f1fbd
```
#7f1fbd rgb(127,31,189)
```

Analogous Color

#5dbd1f
```
#5dbd1f rgb(93,189,31)
```
#301fbd
```
#301fbd rgb(48,31,189)
```
#bd7f1f
```
#bd7f1f rgb(189,127,31)
```

Split Complementary Color

#1fbd30
```
#1fbd30 rgb(31,189,48)
```
#301fbd
```
#301fbd rgb(48,31,189)
```
#bd301f
```
#bd301f rgb(189,48,31)
```

Triadic Color

#1facbd
```
#1facbd rgb(31,172,189)
```
#301fbd
```
#301fbd rgb(48,31,189)
```
#bd301f
```
#bd301f rgb(189,48,31)
```
#acbd1f
```
#acbd1f rgb(172,189,31)
```

Tetradic Color

#1f147b
```
#1f147b rgb(31,20,123)
```
#251891
```
#251891 rgb(37,24,145)
```
#2a1ba7
```
#2a1ba7 rgb(42,27,167)
```
#301fbd
```
#301fbd rgb(48,31,189)
```
#3623d3
```
#3623d3 rgb(54,35,211)
```
#4432dd
```
#4432dd rgb(68,50,221)
```
#5848e1
```
#5848e1 rgb(88,72,225)
```

Monochromatic Color

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

#1f36bd
```
#1f36bd rgb(31,54,189)
```
#1f28bd
```
#1f28bd rgb(31,40,189)
```
#231fbd
```
#231fbd rgb(35,31,189)
```
#301fbd
```
#301fbd rgb(48,31,189)
```
#3d1fbd
```
#3d1fbd rgb(61,31,189)
```
#4a1fbd
```
#4a1fbd rgb(74,31,189)
```
#581fbd
```
#581fbd rgb(88,31,189)
```

Similar Colors

Text with hexadecimal color #301fbd

This text has a font color of #301fbd.

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

#301fbd background color

This paragraph has a background color of #301fbd.

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

#301fbd border color

This element has a border color of #301fbd.

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

CSS codes

.text {color:#301fbd;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#050314
```
#050314 rgb(5,3,20)
```
#090625
```
#090625 rgb(9,6,37)
```
#0e0936
```
#0e0936 rgb(14,9,54)
```
#120c47
```
#120c47 rgb(18,12,71)
```
#160e58
```
#160e58 rgb(22,14,88)
```
#1b1169
```
#1b1169 rgb(27,17,105)
```
#1f147a
```
#1f147a rgb(31,20,122)
```
#23178a
```
#23178a rgb(35,23,138)
```
#27199b
```
#27199b rgb(39,25,155)
```
#2c1cac
```
#2c1cac rgb(44,28,172)
```
#301fbd
```
#301fbd rgb(48,31,189)
```
#3422ce
```
#3422ce rgb(52,34,206)
```

Shade Color Variation

#3b28dc
```
#3b28dc rgb(59,40,220)
```
#4a38de
```
#4a38de rgb(74,56,222)
```
#5a49e1
```
#5a49e1 rgb(90,73,225)
```
#695ae4
```
#695ae4 rgb(105,90,228)
```
#786be7
```
#786be7 rgb(120,107,231)
```
#887ce9
```
#887ce9 rgb(136,124,233)
```
#978dec
```
#978dec rgb(151,141,236)
```
#a69eef
```
#a69eef rgb(166,158,239)
```
#b6aef2
```
#b6aef2 rgb(182,174,242)
```
#c5bff5
```
#c5bff5 rgb(197,191,245)
```
#d4d0f7
```
#d4d0f7 rgb(212,208,247)
```
#e4e1fa
```
#e4e1fa rgb(228,225,250)
```
#f3f2fd
```
#f3f2fd rgb(243,242,253)
```

Tint Color Variation

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

#6c6b71
```
#6c6b71 rgb(108,107,113)
```
#656379
```
#656379 rgb(101,99,121)
```
#5e5a82
```
#5e5a82 rgb(94,90,130)
```
#58528a
```
#58528a rgb(88,82,138)
```
#514993
```
#514993 rgb(81,73,147)
```
#4b419b
```
#4b419b rgb(75,65,155)
```
#4438a4
```
#4438a4 rgb(68,56,164)
```
#3d30ac
```
#3d30ac rgb(61,48,172)
```
#3727b5
```
#3727b5 rgb(55,39,181)
```
#301fbd
```
#301fbd rgb(48,31,189)
```
#2917c5
```
#2917c5 rgb(41,23,197)
```
#230ece
```
#230ece rgb(35,14,206)
```
#1c06d6
```
#1c06d6 rgb(28,6,214)
```

Tone Color Variation

Below, you can see how #301fbd 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
#353151 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004d7a Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#11399e Protanomaly 1% of men, 0.01% of women
#113c92 Deuteranomaly 6% of men, 0.4% of women
#113f7b Tritanomaly 0.01% of the population

#301fbd hex color

#301fbd Color Information

#301fbd Color Conversion

Color Schemes with #301fbd

Alternatives to #301fbd

#301fbd Preview

Shades and Tints of #301fbd

Tones of #301fbd

Color Blindness Simulator