#1f308d hex color

In a RGB color space, hex #1f308d is composed of 12.2% red, 18.8% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 66% magenta, 0% yellow and 44.7% black. It has a hue angle of 230.7 degrees, a saturation of 64% and a lightness of 33.7%. #1f308d color hex could be obtained by blending #3e60ff with #00001b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 19
- B 55
RGB color chart
- C 78
- M 66
- Y 0
- K 45
CMYK color chart

● #1f308d color description : Dark blue.

The hexadecimal color #1f308d has RGB values of R:31, G:48, B:141 and CMYK values of C:0.78, M:0.66, Y:0, K:0.45. Its decimal value is 2044045.

Hex triplet	1f308d	`#1f308d`
RGB Decimal	31, 48, 141	`rgb(31,48,141)`
RGB Percent	12.2, 18.8, 55.3	`rgb(12.2%,18.8%,55.3%)`
CMYK	78, 66, 0, 45
HSL	230.7°, 64, 33.7	`hsl(230.7,64%,33.7%)`
HSV (or HSB)	230.7°, 78, 55.3
Web Safe	333399	`#333399`

CIE-LAB	24.727, 28.172, -53.373
XYZ	6.429, 4.328, 25.694
xyY	0.176, 0.119, 4.328
CIE-LCH	24.727, 60.352, 297.827
CIE-LUV	24.727, -7.905, -66.192
Hunter-Lab	20.804, 18.754, -58.666
Binary	00011111, 00110000, 10001101

#1f308d
```
#1f308d rgb(31,48,141)
```
#8d7c1f
```
#8d7c1f rgb(141,124,31)
```

Complementary Color

#1f678d
```
#1f678d rgb(31,103,141)
```
#1f308d
```
#1f308d rgb(31,48,141)
```
#451f8d
```
#451f8d rgb(69,31,141)
```

Analogous Color

#678d1f
```
#678d1f rgb(103,141,31)
```
#1f308d
```
#1f308d rgb(31,48,141)
```
#8d451f
```
#8d451f rgb(141,69,31)
```

Split Complementary Color

#308d1f
```
#308d1f rgb(48,141,31)
```
#1f308d
```
#1f308d rgb(31,48,141)
```
#8d1f30
```
#8d1f30 rgb(141,31,48)
```

Triadic Color

#1f8d7c
```
#1f8d7c rgb(31,141,124)
```
#1f308d
```
#1f308d rgb(31,48,141)
```
#8d1f30
```
#8d1f30 rgb(141,31,48)
```
#8d7c1f
```
#8d7c1f rgb(141,124,31)
```

Tetradic Color

#111b4e
```
#111b4e rgb(17,27,78)
```
#162263
```
#162263 rgb(22,34,99)
```
#1a2978
```
#1a2978 rgb(26,41,120)
```
#1f308d
```
#1f308d rgb(31,48,141)
```
#2437a2
```
#2437a2 rgb(36,55,162)
```
#283eb7
```
#283eb7 rgb(40,62,183)
```
#2d45cc
```
#2d45cc rgb(45,69,204)
```

Monochromatic Color

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

#1f4c8d
```
#1f4c8d rgb(31,76,141)
```
#1f428d
```
#1f428d rgb(31,66,141)
```
#1f398d
```
#1f398d rgb(31,57,141)
```
#1f308d
```
#1f308d rgb(31,48,141)
```
#1f278d
```
#1f278d rgb(31,39,141)
```
#201f8d
```
#201f8d rgb(32,31,141)
```
#291f8d
```
#291f8d rgb(41,31,141)
```

Similar Colors

Text with hexadecimal color #1f308d

This text has a font color of #1f308d.

<span style="color:#1f308d;">Text here</span>

#1f308d background color

This paragraph has a background color of #1f308d.

<p style="background-color:#1f308d;">Content here</p>

#1f308d border color

This element has a border color of #1f308d.

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

CSS codes

.text {color:#1f308d;}

.background {background-color:#1f308d;}

.border {border:1px solid #1f308d;}

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, #03040c is the darkest color, while #fbfcfe is the lightest one.

#03040c
```
#03040c rgb(3,4,12)
```
#060a1c
```
#060a1c rgb(6,10,28)
```
#0a0f2d
```
#0a0f2d rgb(10,15,45)
```
#0d153d
```
#0d153d rgb(13,21,61)
```
#111a4d
```
#111a4d rgb(17,26,77)
```
#14205d
```
#14205d rgb(20,32,93)
```
#18256d
```
#18256d rgb(24,37,109)
```
#1b2b7d
```
#1b2b7d rgb(27,43,125)
```
#1f308d
```
#1f308d rgb(31,48,141)
```
#23359d
```
#23359d rgb(35,53,157)
```
#263bad
```
#263bad rgb(38,59,173)
```
#2a40bd
```
#2a40bd rgb(42,64,189)
```
#2d46cd
```
#2d46cd rgb(45,70,205)
```

Shade Color Variation

#3a52d4
```
#3a52d4 rgb(58,82,212)
```
#4a60d7
```
#4a60d7 rgb(74,96,215)
```
#5a6edb
```
#5a6edb rgb(90,110,219)
```
#6b7cde
```
#6b7cde rgb(107,124,222)
```
#7b8be2
```
#7b8be2 rgb(123,139,226)
```
#8b99e5
```
#8b99e5 rgb(139,153,229)
```
#9ba7e9
```
#9ba7e9 rgb(155,167,233)
```
#abb5ed
```
#abb5ed rgb(171,181,237)
```
#bbc3f0
```
#bbc3f0 rgb(187,195,240)
```
#cbd1f4
```
#cbd1f4 rgb(203,209,244)
```
#dbdff7
```
#dbdff7 rgb(219,223,247)
```
#ebeefb
```
#ebeefb rgb(235,238,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#545558
```
#545558 rgb(84,85,88)
```
#4d505f
```
#4d505f rgb(77,80,95)
```
#474b65
```
#474b65 rgb(71,75,101)
```
#40476c
```
#40476c rgb(64,71,108)
```
#394273
```
#394273 rgb(57,66,115)
```
#333e79
```
#333e79 rgb(51,62,121)
```
#2c3980
```
#2c3980 rgb(44,57,128)
```
#263586
```
#263586 rgb(38,53,134)
```
#1f308d
```
#1f308d rgb(31,48,141)
```
#182b94
```
#182b94 rgb(24,43,148)
```
#12279a
```
#12279a rgb(18,39,154)
```
#0b22a1
```
#0b22a1 rgb(11,34,161)
```
#051ea7
```
#051ea7 rgb(5,30,167)
```

Tone Color Variation

Below, you can see how #1f308d 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
#313547 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004282 Protanopia 1% of men
#004671 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#0b3c86 Protanomaly 1% of men, 0.01% of women
#0b3e7b Deuteranomaly 6% of men, 0.4% of women
#0b4166 Tritanomaly 0.01% of the population

#1f308d hex color

#1f308d Color Information

#1f308d Color Conversion

Color Schemes with #1f308d

Alternatives to #1f308d

#1f308d Preview

Shades and Tints of #1f308d

Tones of #1f308d

Color Blindness Simulator