#1f3274 hex color

In a RGB color space, hex #1f3274 is composed of 12.2% red, 19.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 56.9% magenta, 0% yellow and 54.5% black. It has a hue angle of 226.6 degrees, a saturation of 57.8% and a lightness of 28.8%. #1f3274 color hex could be obtained by blending #3e64e8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 20
- B 45
RGB color chart
- C 73
- M 57
- Y 0
- K 55
CMYK color chart

● #1f3274 color description : Dark blue.

The hexadecimal color #1f3274 has RGB values of R:31, G:50, B:116 and CMYK values of C:0.73, M:0.57, Y:0, K:0.55. Its decimal value is 2044532.

Hex triplet	1f3274	`#1f3274`
RGB Decimal	31, 50, 116	`rgb(31,50,116)`
RGB Percent	12.2, 19.6, 45.5	`rgb(12.2%,19.6%,45.5%)`
CMYK	73, 57, 0, 55
HSL	226.6°, 57.8, 28.8	`hsl(226.6,57.8%,28.8%)`
HSV (or HSB)	226.6°, 73.3, 45.5
Web Safe	333366	`#333366`

CIE-LAB	23.112, 16.963, -40.272
XYZ	4.857, 3.833, 17.006
xyY	0.189, 0.149, 3.833
CIE-LCH	23.112, 43.699, 292.841
CIE-LUV	23.112, -7.951, -49.288
Hunter-Lab	19.578, 10.023, -37.795
Binary	00011111, 00110010, 01110100

#1f3274
```
#1f3274 rgb(31,50,116)
```
#74611f
```
#74611f rgb(116,97,31)
```

Complementary Color

#1f5d74
```
#1f5d74 rgb(31,93,116)
```
#1f3274
```
#1f3274 rgb(31,50,116)
```
#371f74
```
#371f74 rgb(55,31,116)
```

Analogous Color

#5d741f
```
#5d741f rgb(93,116,31)
```
#1f3274
```
#1f3274 rgb(31,50,116)
```
#74371f
```
#74371f rgb(116,55,31)
```

Split Complementary Color

#32741f
```
#32741f rgb(50,116,31)
```
#1f3274
```
#1f3274 rgb(31,50,116)
```
#741f32
```
#741f32 rgb(116,31,50)
```

Triadic Color

#1f7461
```
#1f7461 rgb(31,116,97)
```
#1f3274
```
#1f3274 rgb(31,50,116)
```
#741f32
```
#741f32 rgb(116,31,50)
```
#74611f
```
#74611f rgb(116,97,31)
```

Tetradic Color

#0f1838
```
#0f1838 rgb(15,24,56)
```
#14214c
```
#14214c rgb(20,33,76)
```
#1a2960
```
#1a2960 rgb(26,41,96)
```
#1f3274
```
#1f3274 rgb(31,50,116)
```
#243b88
```
#243b88 rgb(36,59,136)
```
#2a439c
```
#2a439c rgb(42,67,156)
```
#2f4cb0
```
#2f4cb0 rgb(47,76,176)
```

Monochromatic Color

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

#1f4774
```
#1f4774 rgb(31,71,116)
```
#1f4074
```
#1f4074 rgb(31,64,116)
```
#1f3974
```
#1f3974 rgb(31,57,116)
```
#1f3274
```
#1f3274 rgb(31,50,116)
```
#1f2b74
```
#1f2b74 rgb(31,43,116)
```
#1f2474
```
#1f2474 rgb(31,36,116)
```
#211f74
```
#211f74 rgb(33,31,116)
```

Similar Colors

Text with hexadecimal color #1f3274

This text has a font color of #1f3274.

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

#1f3274 background color

This paragraph has a background color of #1f3274.

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

#1f3274 border color

This element has a border color of #1f3274.

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

CSS codes

.text {color:#1f3274;}

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

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

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, #020308 is the darkest color, while #f7f8fd is the lightest one.

#020308
```
#020308 rgb(2,3,8)
```
#060a17
```
#060a17 rgb(6,10,23)
```
#0a1127
```
#0a1127 rgb(10,17,39)
```
#0e1736
```
#0e1736 rgb(14,23,54)
```
#131e46
```
#131e46 rgb(19,30,70)
```
#172555
```
#172555 rgb(23,37,85)
```
#1b2b65
```
#1b2b65 rgb(27,43,101)
```
#1f3274
```
#1f3274 rgb(31,50,116)
```
#233983
```
#233983 rgb(35,57,131)
```
#273f93
```
#273f93 rgb(39,63,147)
```
#2b46a2
```
#2b46a2 rgb(43,70,162)
```
#304db2
```
#304db2 rgb(48,77,178)
```
#3453c1
```
#3453c1 rgb(52,83,193)
```

Shade Color Variation

#3d5dcb
```
#3d5dcb rgb(61,93,203)
```
#4d6acf
```
#4d6acf rgb(77,106,207)
```
#5c77d4
```
#5c77d4 rgb(92,119,212)
```
#6c84d8
```
#6c84d8 rgb(108,132,216)
```
#7b91dc
```
#7b91dc rgb(123,145,220)
```
#8b9ee0
```
#8b9ee0 rgb(139,158,224)
```
#9aabe4
```
#9aabe4 rgb(154,171,228)
```
#aab8e8
```
#aab8e8 rgb(170,184,232)
```
#b9c5ec
```
#b9c5ec rgb(185,197,236)
```
#c9d2f0
```
#c9d2f0 rgb(201,210,240)
```
#d8dff5
```
#d8dff5 rgb(216,223,245)
```
#e8ecf9
```
#e8ecf9 rgb(232,236,249)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

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

#47484c
```
#47484c rgb(71,72,76)
```
#414552
```
#414552 rgb(65,69,82)
```
#3b4258
```
#3b4258 rgb(59,66,88)
```
#363f5d
```
#363f5d rgb(54,63,93)
```
#303b63
```
#303b63 rgb(48,59,99)
```
#2a3869
```
#2a3869 rgb(42,56,105)
```
#25356e
```
#25356e rgb(37,53,110)
```
#1f3274
```
#1f3274 rgb(31,50,116)
```
#192f7a
```
#192f7a rgb(25,47,122)
```
#142c7f
```
#142c7f rgb(20,44,127)
```
#0e2985
```
#0e2985 rgb(14,41,133)
```
#08258b
```
#08258b rgb(8,37,139)
```
#032290
```
#032290 rgb(3,34,144)
```

Tone Color Variation

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

Dichromacy

#003f7c Protanopia 1% of men
#00426d Deuteranopia 1% of men
#00474c Tritanopia 0.001% of the population

Trichromacy

#0b3a79 Protanomaly 1% of men, 0.01% of women
#0b3c6f Deuteranomaly 6% of men, 0.4% of women
#0b3f5a Tritanomaly 0.01% of the population

#1f3274 hex color

#1f3274 Color Information

#1f3274 Color Conversion

Color Schemes with #1f3274

Alternatives to #1f3274

#1f3274 Preview

Shades and Tints of #1f3274

Tones of #1f3274

Color Blindness Simulator