#1f657f hex color

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

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

● #1f657f color description : Dark blue.

The hexadecimal color #1f657f has RGB values of R:31, G:101, B:127 and CMYK values of C:0.76, M:0.2, Y:0, K:0.5. Its decimal value is 2057599.

Hex triplet	1f657f	`#1f657f`
RGB Decimal	31, 101, 127	`rgb(31,101,127)`
RGB Percent	12.2, 39.6, 49.8	`rgb(12.2%,39.6%,49.8%)`
CMYK	76, 20, 0, 50
HSL	196.3°, 60.8, 31	`hsl(196.3,60.8%,31%)`
HSV (or HSB)	196.3°, 75.6, 49.8
Web Safe	336666	`#336666`

CIE-LAB	39.799, -12.207, -20.706
XYZ	9.049, 11.13, 21.749
xyY	0.216, 0.265, 11.13
CIE-LCH	39.799, 24.037, 239.479
CIE-LUV	39.799, -24.737, -27.48
Hunter-Lab	33.362, -9.97, -15.298
Binary	00011111, 01100101, 01111111

#1f657f
```
#1f657f rgb(31,101,127)
```
#7f391f
```
#7f391f rgb(127,57,31)
```

Complementary Color

#1f7f69
```
#1f7f69 rgb(31,127,105)
```
#1f657f
```
#1f657f rgb(31,101,127)
```
#1f357f
```
#1f357f rgb(31,53,127)
```

Analogous Color

#7f691f
```
#7f691f rgb(127,105,31)
```
#1f657f
```
#1f657f rgb(31,101,127)
```
#7f1f35
```
#7f1f35 rgb(127,31,53)
```

Split Complementary Color

#657f1f
```
#657f1f rgb(101,127,31)
```
#1f657f
```
#1f657f rgb(31,101,127)
```
#7f1f65
```
#7f1f65 rgb(127,31,101)
```

Triadic Color

#1f7f39
```
#1f7f39 rgb(31,127,57)
```
#1f657f
```
#1f657f rgb(31,101,127)
```
#7f1f65
```
#7f1f65 rgb(127,31,101)
```
#7f391f
```
#7f391f rgb(127,57,31)
```

Tetradic Color

#103442
```
#103442 rgb(16,52,66)
```
#154456
```
#154456 rgb(21,68,86)
```
#1a556b
```
#1a556b rgb(26,85,107)
```
#1f657f
```
#1f657f rgb(31,101,127)
```
#247593
```
#247593 rgb(36,117,147)
```
#2986a8
```
#2986a8 rgb(41,134,168)
```
#2e96bc
```
#2e96bc rgb(46,150,188)
```

Monochromatic Color

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

#1f7d7f
```
#1f7d7f rgb(31,125,127)
```
#1f757f
```
#1f757f rgb(31,117,127)
```
#1f6d7f
```
#1f6d7f rgb(31,109,127)
```
#1f657f
```
#1f657f rgb(31,101,127)
```
#1f5d7f
```
#1f5d7f rgb(31,93,127)
```
#1f557f
```
#1f557f rgb(31,85,127)
```
#1f4d7f
```
#1f4d7f rgb(31,77,127)
```

Similar Colors

Text with hexadecimal color #1f657f

This text has a font color of #1f657f.

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

#1f657f background color

This paragraph has a background color of #1f657f.

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

#1f657f border color

This element has a border color of #1f657f.

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

CSS codes

.text {color:#1f657f;}

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

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

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 #f0f8fb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#040d11
```
#040d11 rgb(4,13,17)
```
#081a20
```
#081a20 rgb(8,26,32)
```
#0c2630
```
#0c2630 rgb(12,38,48)
```
#103340
```
#103340 rgb(16,51,64)
```
#133f50
```
#133f50 rgb(19,63,80)
```
#174c5f
```
#174c5f rgb(23,76,95)
```
#1b586f
```
#1b586f rgb(27,88,111)
```
#1f657f
```
#1f657f rgb(31,101,127)
```
#23728f
```
#23728f rgb(35,114,143)
```
#277e9f
```
#277e9f rgb(39,126,159)
```
#2b8bae
```
#2b8bae rgb(43,139,174)
```
#2e97be
```
#2e97be rgb(46,151,190)
```

Shade Color Variation

#33a3cd
```
#33a3cd rgb(51,163,205)
```
#43aad1
```
#43aad1 rgb(67,170,209)
```
#52b2d5
```
#52b2d5 rgb(82,178,213)
```
#62b9d9
```
#62b9d9 rgb(98,185,217)
```
#72c0dd
```
#72c0dd rgb(114,192,221)
```
#82c7e0
```
#82c7e0 rgb(130,199,224)
```
#91cee4
```
#91cee4 rgb(145,206,228)
```
#a1d5e8
```
#a1d5e8 rgb(161,213,232)
```
#b1dcec
```
#b1dcec rgb(177,220,236)
```
#c1e3f0
```
#c1e3f0 rgb(193,227,240)
```
#d1eaf4
```
#d1eaf4 rgb(209,234,244)
```
#e0f1f8
```
#e0f1f8 rgb(224,241,248)
```
#f0f8fb
```
#f0f8fb rgb(240,248,251)
```

Tint Color Variation

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

#4a5254
```
#4a5254 rgb(74,82,84)
```
#43545b
```
#43545b rgb(67,84,91)
```
#3d5761
```
#3d5761 rgb(61,87,97)
```
#375a67
```
#375a67 rgb(55,90,103)
```
#315d6d
```
#315d6d rgb(49,93,109)
```
#2b5f73
```
#2b5f73 rgb(43,95,115)
```
#256279
```
#256279 rgb(37,98,121)
```
#1f657f
```
#1f657f rgb(31,101,127)
```
#196885
```
#196885 rgb(25,104,133)
```
#136b8b
```
#136b8b rgb(19,107,139)
```
#0d6d91
```
#0d6d91 rgb(13,109,145)
```
#077097
```
#077097 rgb(7,112,151)
```
#01739d
```
#01739d rgb(1,115,157)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#49575c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6580 Protanopia 1% of men
#5a6588 Deuteranopia 1% of men
#1c6f77 Tritanopia 0.001% of the population

Trichromacy

#47657f Protanomaly 1% of men, 0.01% of women
#446585 Deuteranomaly 6% of men, 0.4% of women
#1d6b7a Tritanomaly 0.01% of the population

#1f657f hex color

#1f657f Color Information

#1f657f Color Conversion

Color Schemes with #1f657f

Alternatives to #1f657f

#1f657f Preview

Shades and Tints of #1f657f

Tones of #1f657f

Color Blindness Simulator