#1f357d hex color

In a RGB color space, hex #1f357d is composed of 12.2% red, 20.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 57.6% magenta, 0% yellow and 51% black. It has a hue angle of 226 degrees, a saturation of 60.3% and a lightness of 30.6%. #1f357d color hex could be obtained by blending #3e6afa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 21
- B 49
RGB color chart
- C 75
- M 58
- Y 0
- K 51
CMYK color chart

● #1f357d color description : Dark blue.

The hexadecimal color #1f357d has RGB values of R:31, G:53, B:125 and CMYK values of C:0.75, M:0.58, Y:0, K:0.51. Its decimal value is 2045309.

Hex triplet	1f357d	`#1f357d`
RGB Decimal	31, 53, 125	`rgb(31,53,125)`
RGB Percent	12.2, 20.8, 49	`rgb(12.2%,20.8%,49%)`
CMYK	75, 58, 0, 51
HSL	226°, 60.3, 30.6	`hsl(226,60.3%,30.6%)`
HSV (or HSB)	226°, 75.2, 49
Web Safe	333366	`#333366`

CIE-LAB	24.695, 18.44, -43.416
XYZ	5.539, 4.318, 19.942
xyY	0.186, 0.145, 4.318
CIE-LCH	24.695, 47.169, 293.013
CIE-LUV	24.695, -8.855, -54.486
Hunter-Lab	20.779, 11.218, -42.356
Binary	00011111, 00110101, 01111101

#1f357d
```
#1f357d rgb(31,53,125)
```
#7d671f
```
#7d671f rgb(125,103,31)
```

Complementary Color

#1f647d
```
#1f647d rgb(31,100,125)
```
#1f357d
```
#1f357d rgb(31,53,125)
```
#381f7d
```
#381f7d rgb(56,31,125)
```

Analogous Color

#647d1f
```
#647d1f rgb(100,125,31)
```
#1f357d
```
#1f357d rgb(31,53,125)
```
#7d381f
```
#7d381f rgb(125,56,31)
```

Split Complementary Color

#357d1f
```
#357d1f rgb(53,125,31)
```
#1f357d
```
#1f357d rgb(31,53,125)
```
#7d1f35
```
#7d1f35 rgb(125,31,53)
```

Triadic Color

#1f7d67
```
#1f7d67 rgb(31,125,103)
```
#1f357d
```
#1f357d rgb(31,53,125)
```
#7d1f35
```
#7d1f35 rgb(125,31,53)
```
#7d671f
```
#7d671f rgb(125,103,31)
```

Tetradic Color

#101b40
```
#101b40 rgb(16,27,64)
```
#152454
```
#152454 rgb(21,36,84)
```
#1a2c69
```
#1a2c69 rgb(26,44,105)
```
#1f357d
```
#1f357d rgb(31,53,125)
```
#243e91
```
#243e91 rgb(36,62,145)
```
#2946a6
```
#2946a6 rgb(41,70,166)
```
#2e4fba
```
#2e4fba rgb(46,79,186)
```

Monochromatic Color

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

#1f4d7d
```
#1f4d7d rgb(31,77,125)
```
#1f457d
```
#1f457d rgb(31,69,125)
```
#1f3d7d
```
#1f3d7d rgb(31,61,125)
```
#1f357d
```
#1f357d rgb(31,53,125)
```
#1f2d7d
```
#1f2d7d rgb(31,45,125)
```
#1f257d
```
#1f257d rgb(31,37,125)
```
#201f7d
```
#201f7d rgb(32,31,125)
```

Similar Colors

Text with hexadecimal color #1f357d

This text has a font color of #1f357d.

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

#1f357d background color

This paragraph has a background color of #1f357d.

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

#1f357d border color

This element has a border color of #1f357d.

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

CSS codes

.text {color:#1f357d;}

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

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

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

#04060f
```
#04060f rgb(4,6,15)
```
#080d1f
```
#080d1f rgb(8,13,31)
```
#0c142e
```
#0c142e rgb(12,20,46)
```
#0f1a3e
```
#0f1a3e rgb(15,26,62)
```
#13214e
```
#13214e rgb(19,33,78)
```
#17285e
```
#17285e rgb(23,40,94)
```
#1b2e6d
```
#1b2e6d rgb(27,46,109)
```
#1f357d
```
#1f357d rgb(31,53,125)
```
#233c8d
```
#233c8d rgb(35,60,141)
```
#27429c
```
#27429c rgb(39,66,156)
```
#2b49ac
```
#2b49ac rgb(43,73,172)
```
#2f50bc
```
#2f50bc rgb(47,80,188)
```
#3256cc
```
#3256cc rgb(50,86,204)
```

Shade Color Variation

#4263d0
```
#4263d0 rgb(66,99,208)
```
#5170d4
```
#5170d4 rgb(81,112,212)
```
#617dd8
```
#617dd8 rgb(97,125,216)
```
#718adc
```
#718adc rgb(113,138,220)
```
#8197e0
```
#8197e0 rgb(129,151,224)
```
#90a4e4
```
#90a4e4 rgb(144,164,228)
```
#a0b1e7
```
#a0b1e7 rgb(160,177,231)
```
#b0beeb
```
#b0beeb rgb(176,190,235)
```
#bfcbef
```
#bfcbef rgb(191,203,239)
```
#cfd8f3
```
#cfd8f3 rgb(207,216,243)
```
#dfe4f7
```
#dfe4f7 rgb(223,228,247)
```
#eff1fb
```
#eff1fb rgb(239,241,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#494b53
```
#494b53 rgb(73,75,83)
```
#434859
```
#434859 rgb(67,72,89)
```
#3d455f
```
#3d455f rgb(61,69,95)
```
#374265
```
#374265 rgb(55,66,101)
```
#313f6b
```
#313f6b rgb(49,63,107)
```
#2b3b71
```
#2b3b71 rgb(43,59,113)
```
#253877
```
#253877 rgb(37,56,119)
```
#1f357d
```
#1f357d rgb(31,53,125)
```
#193283
```
#193283 rgb(25,50,131)
```
#132f89
```
#132f89 rgb(19,47,137)
```
#0d2b8f
```
#0d2b8f rgb(13,43,143)
```
#072895
```
#072895 rgb(7,40,149)
```
#01259b
```
#01259b rgb(1,37,155)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#323745 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004282 Protanopia 1% of men
#004672 Deuteranopia 1% of men
#004b50 Tritanopia 0.001% of the population

Trichromacy

#0b3d80 Protanomaly 1% of men, 0.01% of women
#0b4076 Deuteranomaly 6% of men, 0.4% of women
#0b4360 Tritanomaly 0.01% of the population

#1f357d hex color

#1f357d Color Information

#1f357d Color Conversion

Color Schemes with #1f357d

Alternatives to #1f357d

#1f357d Preview

Shades and Tints of #1f357d

Tones of #1f357d

Color Blindness Simulator