#301f69 hex color

In a RGB color space, hex #301f69 is composed of 18.8% red, 12.2% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 70.5% magenta, 0% yellow and 58.8% black. It has a hue angle of 253.8 degrees, a saturation of 54.4% and a lightness of 26.7%. #301f69 color hex could be obtained by blending #603ed2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 12
- B 41
RGB color chart
- C 54
- M 70
- Y 0
- K 59
CMYK color chart

● #301f69 color description : Very dark blue.

The hexadecimal color #301f69 has RGB values of R:48, G:31, B:105 and CMYK values of C:0.54, M:0.7, Y:0, K:0.59. Its decimal value is 3153769.

Hex triplet	301f69	`#301f69`
RGB Decimal	48, 31, 105	`rgb(48,31,105)`
RGB Percent	18.8, 12.2, 41.2	`rgb(18.8%,12.2%,41.2%)`
CMYK	54, 70, 0, 59
HSL	253.8°, 54.4, 26.7	`hsl(253.8,54.4%,26.7%)`
HSV (or HSB)	253.8°, 70.5, 41.2
Web Safe	333366	`#333366`

CIE-LAB	18.489, 28.925, -40.626
XYZ	4.258, 2.628, 13.647
xyY	0.207, 0.128, 2.628
CIE-LCH	18.489, 49.871, 305.45
CIE-LUV	18.489, 0.828, -45.382
Hunter-Lab	16.212, 18.515, -38.561
Binary	00110000, 00011111, 01101001

#301f69
```
#301f69 rgb(48,31,105)
```
#58691f
```
#58691f rgb(88,105,31)
```

Complementary Color

#1f3369
```
#1f3369 rgb(31,51,105)
```
#301f69
```
#301f69 rgb(48,31,105)
```
#551f69
```
#551f69 rgb(85,31,105)
```

Analogous Color

#33691f
```
#33691f rgb(51,105,31)
```
#301f69
```
#301f69 rgb(48,31,105)
```
#69551f
```
#69551f rgb(105,85,31)
```

Split Complementary Color

#1f6930
```
#1f6930 rgb(31,105,48)
```
#301f69
```
#301f69 rgb(48,31,105)
```
#69301f
```
#69301f rgb(105,48,31)
```

Triadic Color

#1f5869
```
#1f5869 rgb(31,88,105)
```
#301f69
```
#301f69 rgb(48,31,105)
```
#69301f
```
#69301f rgb(105,48,31)
```
#58691f
```
#58691f rgb(88,105,31)
```

Tetradic Color

#150e2e
```
#150e2e rgb(21,14,46)
```
#1e1342
```
#1e1342 rgb(30,19,66)
```
#271955
```
#271955 rgb(39,25,85)
```
#301f69
```
#301f69 rgb(48,31,105)
```
#39257d
```
#39257d rgb(57,37,125)
```
#422b90
```
#422b90 rgb(66,43,144)
```
#4b30a4
```
#4b30a4 rgb(75,48,164)
```

Monochromatic Color

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

#1f2169
```
#1f2169 rgb(31,33,105)
```
#241f69
```
#241f69 rgb(36,31,105)
```
#2a1f69
```
#2a1f69 rgb(42,31,105)
```
#301f69
```
#301f69 rgb(48,31,105)
```
#361f69
```
#361f69 rgb(54,31,105)
```
#3c1f69
```
#3c1f69 rgb(60,31,105)
```
#421f69
```
#421f69 rgb(66,31,105)
```

Similar Colors

Text with hexadecimal color #301f69

This text has a font color of #301f69.

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

#301f69 background color

This paragraph has a background color of #301f69.

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

#301f69 border color

This element has a border color of #301f69.

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

CSS codes

.text {color:#301f69;}

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

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

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, #06040e is the darkest color, while #fefeff is the lightest one.

#06040e
```
#06040e rgb(6,4,14)
```
#0d091d
```
#0d091d rgb(13,9,29)
```
#140d2c
```
#140d2c rgb(20,13,44)
```
#1b123c
```
#1b123c rgb(27,18,60)
```
#22164b
```
#22164b rgb(34,22,75)
```
#291b5a
```
#291b5a rgb(41,27,90)
```
#301f69
```
#301f69 rgb(48,31,105)
```
#372378
```
#372378 rgb(55,35,120)
```
#3e2887
```
#3e2887 rgb(62,40,135)
```
#452c96
```
#452c96 rgb(69,44,150)
```
#4c31a6
```
#4c31a6 rgb(76,49,166)
```
#5335b5
```
#5335b5 rgb(83,53,181)
```
#5a3ac4
```
#5a3ac4 rgb(90,58,196)
```

Shade Color Variation

#6648c9
```
#6648c9 rgb(102,72,201)
```
#7357ce
```
#7357ce rgb(115,87,206)
```
#7f67d2
```
#7f67d2 rgb(127,103,210)
```
#8c76d6
```
#8c76d6 rgb(140,118,214)
```
#9985db
```
#9985db rgb(153,133,219)
```
#a594df
```
#a594df rgb(165,148,223)
```
#b2a3e4
```
#b2a3e4 rgb(178,163,228)
```
#bfb2e8
```
#bfb2e8 rgb(191,178,232)
```
#cbc1ed
```
#cbc1ed rgb(203,193,237)
```
#d8d1f1
```
#d8d1f1 rgb(216,209,241)
```
#e5e0f6
```
#e5e0f6 rgb(229,224,246)
```
#f1effa
```
#f1effa rgb(241,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#444444
```
#444444 rgb(68,68,68)
```
#413e4a
```
#413e4a rgb(65,62,74)
```
#3e394f
```
#3e394f rgb(62,57,79)
```
#3b3454
```
#3b3454 rgb(59,52,84)
```
#382f59
```
#382f59 rgb(56,47,89)
```
#36295f
```
#36295f rgb(54,41,95)
```
#332464
```
#332464 rgb(51,36,100)
```
#301f69
```
#301f69 rgb(48,31,105)
```
#2d1a6e
```
#2d1a6e rgb(45,26,110)
```
#2a1573
```
#2a1573 rgb(42,21,115)
```
#280f79
```
#280f79 rgb(40,15,121)
```
#250a7e
```
#250a7e rgb(37,10,126)
```
#220583
```
#220583 rgb(34,5,131)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e2a39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366a Protanopia 1% of men
#00395d Deuteranopia 1% of men
#263b3f Tritanopia 0.001% of the population

Trichromacy

#112d69 Protanomaly 1% of men, 0.01% of women
#112f61 Deuteranomaly 6% of men, 0.4% of women
#2a304e Tritanomaly 0.01% of the population

#301f69 hex color

#301f69 Color Information

#301f69 Color Conversion

Color Schemes with #301f69

Alternatives to #301f69

#301f69 Preview

Shades and Tints of #301f69

Tones of #301f69

Color Blindness Simulator