#1f308a hex color

In a RGB color space, hex #1f308a is composed of 12.2% red, 18.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 65.2% magenta, 0% yellow and 45.9% black. It has a hue angle of 230.5 degrees, a saturation of 63.3% and a lightness of 33.1%. #1f308a color hex could be obtained by blending #3e60ff with #000015. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 19
- B 54
RGB color chart
- C 78
- M 65
- Y 0
- K 46
CMYK color chart

● #1f308a color description : Dark blue.

The hexadecimal color #1f308a has RGB values of R:31, G:48, B:138 and CMYK values of C:0.78, M:0.65, Y:0, K:0.46. Its decimal value is 2044042.

Hex triplet	1f308a	`#1f308a`
RGB Decimal	31, 48, 138	`rgb(31,48,138)`
RGB Percent	12.2, 18.8, 54.1	`rgb(12.2%,18.8%,54.1%)`
CMYK	78, 65, 0, 46
HSL	230.5°, 63.3, 33.1	`hsl(230.5,63.3%,33.1%)`
HSV (or HSB)	230.5°, 77.5, 54.1
Web Safe	333399	`#333399`

CIE-LAB	24.449, 27.018, -51.964
XYZ	6.209, 4.24, 24.535
xyY	0.177, 0.121, 4.24
CIE-LCH	24.449, 58.568, 297.472
CIE-LUV	24.449, -7.841, -64.284
Hunter-Lab	20.591, 17.788, -56.232
Binary	00011111, 00110000, 10001010

#1f308a
```
#1f308a rgb(31,48,138)
```
#8a791f
```
#8a791f rgb(138,121,31)
```

Complementary Color

#1f668a
```
#1f668a rgb(31,102,138)
```
#1f308a
```
#1f308a rgb(31,48,138)
```
#431f8a
```
#431f8a rgb(67,31,138)
```

Analogous Color

#668a1f
```
#668a1f rgb(102,138,31)
```
#1f308a
```
#1f308a rgb(31,48,138)
```
#8a441f
```
#8a441f rgb(138,68,31)
```

Split Complementary Color

#308a1f
```
#308a1f rgb(48,138,31)
```
#1f308a
```
#1f308a rgb(31,48,138)
```
#8a1f30
```
#8a1f30 rgb(138,31,48)
```

Triadic Color

#1f8a79
```
#1f8a79 rgb(31,138,121)
```
#1f308a
```
#1f308a rgb(31,48,138)
```
#8a1f30
```
#8a1f30 rgb(138,31,48)
```
#8a791f
```
#8a791f rgb(138,121,31)
```

Tetradic Color

#111a4c
```
#111a4c rgb(17,26,76)
```
#162260
```
#162260 rgb(22,34,96)
```
#1a2975
```
#1a2975 rgb(26,41,117)
```
#1f308a
```
#1f308a rgb(31,48,138)
```
#24379f
```
#24379f rgb(36,55,159)
```
#283eb4
```
#283eb4 rgb(40,62,180)
```
#2d46c8
```
#2d46c8 rgb(45,70,200)
```

Monochromatic Color

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

#1f4b8a
```
#1f4b8a rgb(31,75,138)
```
#1f428a
```
#1f428a rgb(31,66,138)
```
#1f398a
```
#1f398a rgb(31,57,138)
```
#1f308a
```
#1f308a rgb(31,48,138)
```
#1f278a
```
#1f278a rgb(31,39,138)
```
#201f8a
```
#201f8a rgb(32,31,138)
```
#291f8a
```
#291f8a rgb(41,31,138)
```

Similar Colors

Text with hexadecimal color #1f308a

This text has a font color of #1f308a.

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

#1f308a background color

This paragraph has a background color of #1f308a.

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

#1f308a border color

This element has a border color of #1f308a.

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

CSS codes

.text {color:#1f308a;}

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

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

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, #02030a is the darkest color, while #f9fafe is the lightest one.

#02030a
```
#02030a rgb(2,3,10)
```
#06091a
```
#06091a rgb(6,9,26)
```
#090f2a
```
#090f2a rgb(9,15,42)
```
#0d143a
```
#0d143a rgb(13,20,58)
```
#111a4a
```
#111a4a rgb(17,26,74)
```
#141f5a
```
#141f5a rgb(20,31,90)
```
#18256a
```
#18256a rgb(24,37,106)
```
#1b2a7a
```
#1b2a7a rgb(27,42,122)
```
#1f308a
```
#1f308a rgb(31,48,138)
```
#23369a
```
#23369a rgb(35,54,154)
```
#263baa
```
#263baa rgb(38,59,170)
```
#2a41ba
```
#2a41ba rgb(42,65,186)
```
#2d46ca
```
#2d46ca rgb(45,70,202)
```

Shade Color Variation

#3951d2
```
#3951d2 rgb(57,81,210)
```
#495fd6
```
#495fd6 rgb(73,95,214)
```
#596dda
```
#596dda rgb(89,109,218)
```
#697bdd
```
#697bdd rgb(105,123,221)
```
#7989e1
```
#7989e1 rgb(121,137,225)
```
#8997e4
```
#8997e4 rgb(137,151,228)
```
#99a5e8
```
#99a5e8 rgb(153,165,232)
```
#a9b3ec
```
#a9b3ec rgb(169,179,236)
```
#b9c1ef
```
#b9c1ef rgb(185,193,239)
```
#c9cff3
```
#c9cff3 rgb(201,207,243)
```
#d9def6
```
#d9def6 rgb(217,222,246)
```
#e9ecfa
```
#e9ecfa rgb(233,236,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#535356
```
#535356 rgb(83,83,86)
```
#4d4f5d
```
#4d4f5d rgb(77,79,93)
```
#464b63
```
#464b63 rgb(70,75,99)
```
#40466a
```
#40466a rgb(64,70,106)
```
#394270
```
#394270 rgb(57,66,112)
```
#333d77
```
#333d77 rgb(51,61,119)
```
#2c397d
```
#2c397d rgb(44,57,125)
```
#263484
```
#263484 rgb(38,52,132)
```
#1f308a
```
#1f308a rgb(31,48,138)
```
#192c91
```
#192c91 rgb(25,44,145)
```
#122797
```
#122797 rgb(18,39,151)
```
#0c239e
```
#0c239e rgb(12,35,158)
```
#051ea4
```
#051ea4 rgb(5,30,164)
```

Tone Color Variation

Below, you can see how #1f308a 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

#353535 Achromatopsia 0.005% of the population
#313446 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004670 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#0b3b84 Protanomaly 1% of men, 0.01% of women
#0b3e79 Deuteranomaly 6% of men, 0.4% of women
#0b4164 Tritanomaly 0.01% of the population

#1f308a hex color

#1f308a Color Information

#1f308a Color Conversion

Color Schemes with #1f308a

Alternatives to #1f308a

#1f308a Preview

Shades and Tints of #1f308a

Tones of #1f308a

Color Blindness Simulator