#301faa hex color

In a RGB color space, hex #301faa is composed of 18.8% red, 12.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 81.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 247.3 degrees, a saturation of 69.2% and a lightness of 39.4%. #301faa color hex could be obtained by blending #603eff with #000055. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 12
- B 67
RGB color chart
- C 72
- M 82
- Y 0
- K 33
CMYK color chart

● #301faa color description : Dark blue.

The hexadecimal color #301faa has RGB values of R:48, G:31, B:170 and CMYK values of C:0.72, M:0.82, Y:0, K:0.33. Its decimal value is 3153834.

Hex triplet	301faa	`#301faa`
RGB Decimal	48, 31, 170	`rgb(48,31,170)`
RGB Percent	18.8, 12.2, 66.7	`rgb(18.8%,12.2%,66.7%)`
CMYK	72, 82, 0, 33
HSL	247.3°, 69.2, 39.4	`hsl(247.3,69.2%,39.4%)`
HSV (or HSB)	247.3°, 81.8, 66.7
Web Safe	333399	`#333399`

CIE-LAB	25.291, 49.607, -70.145
XYZ	8.963, 4.51, 38.426
xyY	0.173, 0.087, 4.51
CIE-LCH	25.291, 85.914, 305.269
CIE-LUV	25.291, -3.618, -84.433
Hunter-Lab	21.237, 38.172, -92.413
Binary	00110000, 00011111, 10101010

#301faa
```
#301faa rgb(48,31,170)
```
#99aa1f
```
#99aa1f rgb(153,170,31)
```

Complementary Color

#1f54aa
```
#1f54aa rgb(31,84,170)
```
#301faa
```
#301faa rgb(48,31,170)
```
#761faa
```
#761faa rgb(118,31,170)
```

Analogous Color

#54aa1f
```
#54aa1f rgb(84,170,31)
```
#301faa
```
#301faa rgb(48,31,170)
```
#aa761f
```
#aa761f rgb(170,118,31)
```

Split Complementary Color

#1faa30
```
#1faa30 rgb(31,170,48)
```
#301faa
```
#301faa rgb(48,31,170)
```
#aa301f
```
#aa301f rgb(170,48,31)
```

Triadic Color

#1f99aa
```
#1f99aa rgb(31,153,170)
```
#301faa
```
#301faa rgb(48,31,170)
```
#aa301f
```
#aa301f rgb(170,48,31)
```
#99aa1f
```
#99aa1f rgb(153,170,31)
```

Tetradic Color

#1e1369
```
#1e1369 rgb(30,19,105)
```
#24177f
```
#24177f rgb(36,23,127)
```
#2a1b94
```
#2a1b94 rgb(42,27,148)
```
#301faa
```
#301faa rgb(48,31,170)
```
#3623c0
```
#3623c0 rgb(54,35,192)
```
#3c27d5
```
#3c27d5 rgb(60,39,213)
```
#4e3adb
```
#4e3adb rgb(78,58,219)
```

Monochromatic Color

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

#1f31aa
```
#1f31aa rgb(31,49,170)
```
#1f25aa
```
#1f25aa rgb(31,37,170)
```
#241faa
```
#241faa rgb(36,31,170)
```
#301faa
```
#301faa rgb(48,31,170)
```
#3c1faa
```
#3c1faa rgb(60,31,170)
```
#471faa
```
#471faa rgb(71,31,170)
```
#531faa
```
#531faa rgb(83,31,170)
```

Similar Colors

Text with hexadecimal color #301faa

This text has a font color of #301faa.

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

#301faa background color

This paragraph has a background color of #301faa.

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

#301faa border color

This element has a border color of #301faa.

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

CSS codes

.text {color:#301faa;}

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

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

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 #f4f3fd is the lightest one.

#010104
```
#010104 rgb(1,1,4)
```
#060415
```
#060415 rgb(6,4,21)
```
#0b0725
```
#0b0725 rgb(11,7,37)
```
#0f0a36
```
#0f0a36 rgb(15,10,54)
```
#140d46
```
#140d46 rgb(20,13,70)
```
#191057
```
#191057 rgb(25,16,87)
```
#1d1368
```
#1d1368 rgb(29,19,104)
```
#221678
```
#221678 rgb(34,22,120)
```
#271989
```
#271989 rgb(39,25,137)
```
#2b1c99
```
#2b1c99 rgb(43,28,153)
```
#301faa
```
#301faa rgb(48,31,170)
```
#3522bb
```
#3522bb rgb(53,34,187)
```
#3925cb
```
#3925cb rgb(57,37,203)
```

Shade Color Variation

#412bd8
```
#412bd8 rgb(65,43,216)
```
#503cdb
```
#503cdb rgb(80,60,219)
```
#5e4dde
```
#5e4dde rgb(94,77,222)
```
#6d5de1
```
#6d5de1 rgb(109,93,225)
```
#7c6ee5
```
#7c6ee5 rgb(124,110,229)
```
#8b7ee8
```
#8b7ee8 rgb(139,126,232)
```
#9a8feb
```
#9a8feb rgb(154,143,235)
```
#a9a0ee
```
#a9a0ee rgb(169,160,238)
```
#b8b0f1
```
#b8b0f1 rgb(184,176,241)
```
#c7c1f4
```
#c7c1f4 rgb(199,193,244)
```
#d6d1f7
```
#d6d1f7 rgb(214,209,247)
```
#e5e2fa
```
#e5e2fa rgb(229,226,250)
```
#f4f3fd
```
#f4f3fd rgb(244,243,253)
```

Tint Color Variation

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

#5f5d6c
```
#5f5d6c rgb(95,93,108)
```
#595574
```
#595574 rgb(89,85,116)
```
#534d7c
```
#534d7c rgb(83,77,124)
```
#4d4683
```
#4d4683 rgb(77,70,131)
```
#473e8b
```
#473e8b rgb(71,62,139)
```
#423693
```
#423693 rgb(66,54,147)
```
#3c2e9b
```
#3c2e9b rgb(60,46,155)
```
#3627a2
```
#3627a2 rgb(54,39,162)
```
#301faa
```
#301faa rgb(48,31,170)
```
#2a17b2
```
#2a17b2 rgb(42,23,178)
```
#2410b9
```
#2410b9 rgb(36,16,185)
```
#1e08c1
```
#1e08c1 rgb(30,8,193)
```
#1900c9
```
#1900c9 rgb(25,0,201)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#33304c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004872 Deuteranopia 1% of men
#004d51 Tritanopia 0.001% of the population

Trichromacy

#113692 Protanomaly 1% of men, 0.01% of women
#113986 Deuteranomaly 6% of men, 0.4% of women
#113c71 Tritanomaly 0.01% of the population

#301faa hex color

#301faa Color Information

#301faa Color Conversion

Color Schemes with #301faa

Alternatives to #301faa

#301faa Preview

Shades and Tints of #301faa

Tones of #301faa

Color Blindness Simulator