#1f577d hex color

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

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

● #1f577d color description : Dark blue.

The hexadecimal color #1f577d has RGB values of R:31, G:87, B:125 and CMYK values of C:0.75, M:0.3, Y:0, K:0.51. Its decimal value is 2054013.

Hex triplet	1f577d	`#1f577d`
RGB Decimal	31, 87, 125	`rgb(31,87,125)`
RGB Percent	12.2, 34.1, 49	`rgb(12.2%,34.1%,49%)`
CMYK	75, 30, 0, 51
HSL	204.3°, 60.3, 30.6	`hsl(204.3,60.3%,30.6%)`
HSV (or HSB)	204.3°, 75.2, 49
Web Safe	336666	`#336666`

CIE-LAB	35.178, -4.49, -26.677
XYZ	7.674, 8.588, 20.654
xyY	0.208, 0.233, 8.588
CIE-LCH	35.178, 27.053, 260.446
CIE-LUV	35.178, -19.739, -36.07
Hunter-Lab	29.305, -4.54, -21.274
Binary	00011111, 01010111, 01111101

#1f577d
```
#1f577d rgb(31,87,125)
```
#7d451f
```
#7d451f rgb(125,69,31)
```

Complementary Color

#1f7d74
```
#1f7d74 rgb(31,125,116)
```
#1f577d
```
#1f577d rgb(31,87,125)
```
#1f287d
```
#1f287d rgb(31,40,125)
```

Analogous Color

#7d741f
```
#7d741f rgb(125,116,31)
```
#1f577d
```
#1f577d rgb(31,87,125)
```
#7d1f28
```
#7d1f28 rgb(125,31,40)
```

Split Complementary Color

#577d1f
```
#577d1f rgb(87,125,31)
```
#1f577d
```
#1f577d rgb(31,87,125)
```
#7d1f57
```
#7d1f57 rgb(125,31,87)
```

Triadic Color

#1f7d45
```
#1f7d45 rgb(31,125,69)
```
#1f577d
```
#1f577d rgb(31,87,125)
```
#7d1f57
```
#7d1f57 rgb(125,31,87)
```
#7d451f
```
#7d451f rgb(125,69,31)
```

Tetradic Color

#102c40
```
#102c40 rgb(16,44,64)
```
#153b54
```
#153b54 rgb(21,59,84)
```
#1a4969
```
#1a4969 rgb(26,73,105)
```
#1f577d
```
#1f577d rgb(31,87,125)
```
#246591
```
#246591 rgb(36,101,145)
```
#2973a6
```
#2973a6 rgb(41,115,166)
```
#2e82ba
```
#2e82ba rgb(46,130,186)
```

Monochromatic Color

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

#1f6f7d
```
#1f6f7d rgb(31,111,125)
```
#1f677d
```
#1f677d rgb(31,103,125)
```
#1f5f7d
```
#1f5f7d rgb(31,95,125)
```
#1f577d
```
#1f577d rgb(31,87,125)
```
#1f4f7d
```
#1f4f7d rgb(31,79,125)
```
#1f477d
```
#1f477d rgb(31,71,125)
```
#1f407d
```
#1f407d rgb(31,64,125)
```

Similar Colors

Text with hexadecimal color #1f577d

This text has a font color of #1f577d.

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

#1f577d background color

This paragraph has a background color of #1f577d.

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

#1f577d border color

This element has a border color of #1f577d.

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

CSS codes

.text {color:#1f577d;}

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

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

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, #040a0f is the darkest color, while #feffff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#08151f
```
#08151f rgb(8,21,31)
```
#0c202e
```
#0c202e rgb(12,32,46)
```
#0f2b3e
```
#0f2b3e rgb(15,43,62)
```
#13364e
```
#13364e rgb(19,54,78)
```
#17415e
```
#17415e rgb(23,65,94)
```
#1b4c6d
```
#1b4c6d rgb(27,76,109)
```
#1f577d
```
#1f577d rgb(31,87,125)
```
#23628d
```
#23628d rgb(35,98,141)
```
#276d9c
```
#276d9c rgb(39,109,156)
```
#2b78ac
```
#2b78ac rgb(43,120,172)
```
#2f83bc
```
#2f83bc rgb(47,131,188)
```
#328ecc
```
#328ecc rgb(50,142,204)
```

Shade Color Variation

#4296d0
```
#4296d0 rgb(66,150,208)
```
#519fd4
```
#519fd4 rgb(81,159,212)
```
#61a8d8
```
#61a8d8 rgb(97,168,216)
```
#71b1dc
```
#71b1dc rgb(113,177,220)
```
#81b9e0
```
#81b9e0 rgb(129,185,224)
```
#90c2e4
```
#90c2e4 rgb(144,194,228)
```
#a0cbe7
```
#a0cbe7 rgb(160,203,231)
```
#b0d3eb
```
#b0d3eb rgb(176,211,235)
```
#bfdcef
```
#bfdcef rgb(191,220,239)
```
#cfe5f3
```
#cfe5f3 rgb(207,229,243)
```
#dfedf7
```
#dfedf7 rgb(223,237,247)
```
#eff6fb
```
#eff6fb rgb(239,246,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#494f53
```
#494f53 rgb(73,79,83)
```
#435059
```
#435059 rgb(67,80,89)
```
#3d515f
```
#3d515f rgb(61,81,95)
```
#375265
```
#375265 rgb(55,82,101)
```
#31546b
```
#31546b rgb(49,84,107)
```
#2b5571
```
#2b5571 rgb(43,85,113)
```
#255677
```
#255677 rgb(37,86,119)
```
#1f577d
```
#1f577d rgb(31,87,125)
```
#195883
```
#195883 rgb(25,88,131)
```
#135989
```
#135989 rgb(19,89,137)
```
#0d5a8f
```
#0d5a8f rgb(13,90,143)
```
#075c95
```
#075c95 rgb(7,92,149)
```
#015d9b
```
#015d9b rgb(1,93,155)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#424d55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5a7f Protanopia 1% of men
#465b85 Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#3d597e Protanomaly 1% of men, 0.01% of women
#375982 Deuteranomaly 6% of men, 0.4% of women
#0b5f72 Tritanomaly 0.01% of the population

#1f577d hex color

#1f577d Color Information

#1f577d Color Conversion

Color Schemes with #1f577d

Alternatives to #1f577d

#1f577d Preview

Shades and Tints of #1f577d

Tones of #1f577d

Color Blindness Simulator