#1f507f hex color

In a RGB color space, hex #1f507f is composed of 12.2% red, 31.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 37% magenta, 0% yellow and 50.2% black. It has a hue angle of 209.4 degrees, a saturation of 60.8% and a lightness of 31%. #1f507f color hex could be obtained by blending #3ea0fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 31
- B 50
RGB color chart
- C 76
- M 37
- Y 0
- K 50
CMYK color chart

● #1f507f color description : Dark blue.

The hexadecimal color #1f507f has RGB values of R:31, G:80, B:127 and CMYK values of C:0.76, M:0.37, Y:0, K:0.5. Its decimal value is 2052223.

Hex triplet	1f507f	`#1f507f`
RGB Decimal	31, 80, 127	`rgb(31,80,127)`
RGB Percent	12.2, 31.4, 49.8	`rgb(12.2%,31.4%,49.8%)`
CMYK	76, 37, 0, 50
HSL	209.4°, 60.8, 31	`hsl(209.4,60.8%,31%)`
HSV (or HSB)	209.4°, 75.6, 49.8
Web Safe	336666	`#336666`

CIE-LAB	33.05, 0.759, -31.266
XYZ	7.264, 7.56, 21.154
xyY	0.202, 0.21, 7.56
CIE-LCH	33.05, 31.276, 271.391
CIE-LUV	33.05, -17.207, -42.449
Hunter-Lab	27.496, -0.964, -26.367
Binary	00011111, 01010000, 01111111

#1f507f
```
#1f507f rgb(31,80,127)
```
#7f4e1f
```
#7f4e1f rgb(127,78,31)
```

Complementary Color

#1f7f7e
```
#1f7f7e rgb(31,127,126)
```
#1f507f
```
#1f507f rgb(31,80,127)
```
#1f207f
```
#1f207f rgb(31,32,127)
```

Analogous Color

#7f7e1f
```
#7f7e1f rgb(127,126,31)
```
#1f507f
```
#1f507f rgb(31,80,127)
```
#7f1f20
```
#7f1f20 rgb(127,31,32)
```

Split Complementary Color

#507f1f
```
#507f1f rgb(80,127,31)
```
#1f507f
```
#1f507f rgb(31,80,127)
```
#7f1f50
```
#7f1f50 rgb(127,31,80)
```

Triadic Color

#1f7f4e
```
#1f7f4e rgb(31,127,78)
```
#1f507f
```
#1f507f rgb(31,80,127)
```
#7f1f50
```
#7f1f50 rgb(127,31,80)
```
#7f4e1f
```
#7f4e1f rgb(127,78,31)
```

Tetradic Color

#102942
```
#102942 rgb(16,41,66)
```
#153656
```
#153656 rgb(21,54,86)
```
#1a436b
```
#1a436b rgb(26,67,107)
```
#1f507f
```
#1f507f rgb(31,80,127)
```
#245d93
```
#245d93 rgb(36,93,147)
```
#296aa8
```
#296aa8 rgb(41,106,168)
```
#2e77bc
```
#2e77bc rgb(46,119,188)
```

Monochromatic Color

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

#1f687f
```
#1f687f rgb(31,104,127)
```
#1f607f
```
#1f607f rgb(31,96,127)
```
#1f587f
```
#1f587f rgb(31,88,127)
```
#1f507f
```
#1f507f rgb(31,80,127)
```
#1f487f
```
#1f487f rgb(31,72,127)
```
#1f407f
```
#1f407f rgb(31,64,127)
```
#1f387f
```
#1f387f rgb(31,56,127)
```

Similar Colors

Text with hexadecimal color #1f507f

This text has a font color of #1f507f.

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

#1f507f background color

This paragraph has a background color of #1f507f.

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

#1f507f border color

This element has a border color of #1f507f.

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

CSS codes

.text {color:#1f507f;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040a11
```
#040a11 rgb(4,10,17)
```
#081420
```
#081420 rgb(8,20,32)
```
#0c1e30
```
#0c1e30 rgb(12,30,48)
```
#102840
```
#102840 rgb(16,40,64)
```
#133250
```
#133250 rgb(19,50,80)
```
#173c5f
```
#173c5f rgb(23,60,95)
```
#1b466f
```
#1b466f rgb(27,70,111)
```
#1f507f
```
#1f507f rgb(31,80,127)
```
#235a8f
```
#235a8f rgb(35,90,143)
```
#27649f
```
#27649f rgb(39,100,159)
```
#2b6eae
```
#2b6eae rgb(43,110,174)
```
#2e78be
```
#2e78be rgb(46,120,190)
```

Shade Color Variation

#3382cd
```
#3382cd rgb(51,130,205)
```
#438bd1
```
#438bd1 rgb(67,139,209)
```
#5295d5
```
#5295d5 rgb(82,149,213)
```
#629fd9
```
#629fd9 rgb(98,159,217)
```
#72a8dd
```
#72a8dd rgb(114,168,221)
```
#82b2e0
```
#82b2e0 rgb(130,178,224)
```
#91bce4
```
#91bce4 rgb(145,188,228)
```
#a1c5e8
```
#a1c5e8 rgb(161,197,232)
```
#b1cfec
```
#b1cfec rgb(177,207,236)
```
#c1d9f0
```
#c1d9f0 rgb(193,217,240)
```
#d1e2f4
```
#d1e2f4 rgb(209,226,244)
```
#e0ecf8
```
#e0ecf8 rgb(224,236,248)
```
#f0f6fb
```
#f0f6fb rgb(240,246,251)
```

Tint Color Variation

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

#4a4f54
```
#4a4f54 rgb(74,79,84)
```
#434f5b
```
#434f5b rgb(67,79,91)
```
#3d4f61
```
#3d4f61 rgb(61,79,97)
```
#374f67
```
#374f67 rgb(55,79,103)
```
#31506d
```
#31506d rgb(49,80,109)
```
#2b5073
```
#2b5073 rgb(43,80,115)
```
#255079
```
#255079 rgb(37,80,121)
```
#1f507f
```
#1f507f rgb(31,80,127)
```
#195085
```
#195085 rgb(25,80,133)
```
#13508b
```
#13508b rgb(19,80,139)
```
#0d5091
```
#0d5091 rgb(13,80,145)
```
#075197
```
#075197 rgb(7,81,151)
```
#01519d
```
#01519d rgb(1,81,157)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3f4952 Atypical Achromatopsia 0.001% of the population

Dichromacy

#445582 Protanopia 1% of men
#375786 Deuteranopia 1% of men
#005f66 Tritanopia 0.001% of the population

Trichromacy

#375381 Protanomaly 1% of men, 0.01% of women
#2e5483 Deuteranomaly 6% of men, 0.4% of women
#0b596f Tritanomaly 0.01% of the population

#1f507f hex color

#1f507f Color Information

#1f507f Color Conversion

Color Schemes with #1f507f

Alternatives to #1f507f

#1f507f Preview

Shades and Tints of #1f507f

Tones of #1f507f

Color Blindness Simulator