#301f68 hex color

In a RGB color space, hex #301f68 is composed of 18.8% red, 12.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 70.2% magenta, 0% yellow and 59.2% black. It has a hue angle of 254 degrees, a saturation of 54.1% and a lightness of 26.5%. #301f68 color hex could be obtained by blending #603ed0 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

● #301f68 color description : Very dark blue.

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

Hex triplet	301f68	`#301f68`
RGB Decimal	48, 31, 104	`rgb(48,31,104)`
RGB Percent	18.8, 12.2, 40.8	`rgb(18.8%,12.2%,40.8%)`
CMYK	54, 70, 0, 59
HSL	254°, 54.1, 26.5	`hsl(254,54.1%,26.5%)`
HSV (or HSB)	254°, 70.2, 40.8
Web Safe	333366	`#333366`

CIE-LAB	18.399, 28.598, -40.118
XYZ	4.207, 2.608, 13.378
xyY	0.208, 0.129, 2.608
CIE-LCH	18.399, 49.268, 305.483
CIE-LUV	18.399, 0.91, -44.755
Hunter-Lab	16.148, 18.245, -37.813
Binary	00110000, 00011111, 01101000

#301f68
```
#301f68 rgb(48,31,104)
```
#57681f
```
#57681f rgb(87,104,31)
```

Complementary Color

#1f3368
```
#1f3368 rgb(31,51,104)
```
#301f68
```
#301f68 rgb(48,31,104)
```
#541f68
```
#541f68 rgb(84,31,104)
```

Analogous Color

#33681f
```
#33681f rgb(51,104,31)
```
#301f68
```
#301f68 rgb(48,31,104)
```
#68551f
```
#68551f rgb(104,85,31)
```

Split Complementary Color

#1f6830
```
#1f6830 rgb(31,104,48)
```
#301f68
```
#301f68 rgb(48,31,104)
```
#68301f
```
#68301f rgb(104,48,31)
```

Triadic Color

#1f5768
```
#1f5768 rgb(31,87,104)
```
#301f68
```
#301f68 rgb(48,31,104)
```
#68301f
```
#68301f rgb(104,48,31)
```
#57681f
```
#57681f rgb(87,104,31)
```

Tetradic Color

#150d2d
```
#150d2d rgb(21,13,45)
```
#1e1341
```
#1e1341 rgb(30,19,65)
```
#271954
```
#271954 rgb(39,25,84)
```
#301f68
```
#301f68 rgb(48,31,104)
```
#39257c
```
#39257c rgb(57,37,124)
```
#422b8f
```
#422b8f rgb(66,43,143)
```
#4b31a3
```
#4b31a3 rgb(75,49,163)
```

Monochromatic Color

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

#1f2068
```
#1f2068 rgb(31,32,104)
```
#241f68
```
#241f68 rgb(36,31,104)
```
#2a1f68
```
#2a1f68 rgb(42,31,104)
```
#301f68
```
#301f68 rgb(48,31,104)
```
#361f68
```
#361f68 rgb(54,31,104)
```
#3c1f68
```
#3c1f68 rgb(60,31,104)
```
#421f68
```
#421f68 rgb(66,31,104)
```

Similar Colors

Text with hexadecimal color #301f68

This text has a font color of #301f68.

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

#301f68 background color

This paragraph has a background color of #301f68.

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

#301f68 border color

This element has a border color of #301f68.

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

CSS codes

.text {color:#301f68;}

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

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

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

#06040d
```
#06040d rgb(6,4,13)
```
#0d081c
```
#0d081c rgb(13,8,28)
```
#140d2c
```
#140d2c rgb(20,13,44)
```
#1b113b
```
#1b113b rgb(27,17,59)
```
#22164a
```
#22164a rgb(34,22,74)
```
#291a59
```
#291a59 rgb(41,26,89)
```
#301f68
```
#301f68 rgb(48,31,104)
```
#372477
```
#372477 rgb(55,36,119)
```
#3e2886
```
#3e2886 rgb(62,40,134)
```
#452d95
```
#452d95 rgb(69,45,149)
```
#4c31a4
```
#4c31a4 rgb(76,49,164)
```
#5336b4
```
#5336b4 rgb(83,54,180)
```
#5a3ac3
```
#5a3ac3 rgb(90,58,195)
```

Shade Color Variation

#6648c8
```
#6648c8 rgb(102,72,200)
```
#7257cd
```
#7257cd rgb(114,87,205)
```
#7f66d1
```
#7f66d1 rgb(127,102,209)
```
#8c75d6
```
#8c75d6 rgb(140,117,214)
```
#9884da
```
#9884da rgb(152,132,218)
```
#a593df
```
#a593df rgb(165,147,223)
```
#b2a3e3
```
#b2a3e3 rgb(178,163,227)
```
#beb2e8
```
#beb2e8 rgb(190,178,232)
```
#cbc1ec
```
#cbc1ec rgb(203,193,236)
```
#d8d0f1
```
#d8d0f1 rgb(216,208,241)
```
#e4dff5
```
#e4dff5 rgb(228,223,245)
```
#f1eefa
```
#f1eefa rgb(241,238,250)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#434344
```
#434344 rgb(67,67,68)
```
#413e49
```
#413e49 rgb(65,62,73)
```
#3e394e
```
#3e394e rgb(62,57,78)
```
#3b3453
```
#3b3453 rgb(59,52,83)
```
#382f58
```
#382f58 rgb(56,47,88)
```
#36295e
```
#36295e rgb(54,41,94)
```
#332463
```
#332463 rgb(51,36,99)
```
#301f68
```
#301f68 rgb(48,31,104)
```
#2d1a6d
```
#2d1a6d rgb(45,26,109)
```
#2a1572
```
#2a1572 rgb(42,21,114)
```
#280f78
```
#280f78 rgb(40,15,120)
```
#250a7d
```
#250a7d rgb(37,10,125)
```
#220582
```
#220582 rgb(34,5,130)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2938 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003669 Protanopia 1% of men
#00395c Deuteranopia 1% of men
#273a3f Tritanopia 0.001% of the population

Trichromacy

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

#301f68 hex color

#301f68 Color Information

#301f68 Color Conversion

Color Schemes with #301f68

Alternatives to #301f68

#301f68 Preview

Shades and Tints of #301f68

Tones of #301f68

Color Blindness Simulator