#1d667f hex color

In a RGB color space, hex #1d667f is composed of 11.4% red, 40% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 19.7% magenta, 0% yellow and 50.2% black. It has a hue angle of 195.3 degrees, a saturation of 62.8% and a lightness of 30.6%. #1d667f color hex could be obtained by blending #3accfe with #000000. Closest websafe color is: #336666.

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

● #1d667f color description : Dark blue.

The hexadecimal color #1d667f has RGB values of R:29, G:102, B:127 and CMYK values of C:0.77, M:0.2, Y:0, K:0.5. Its decimal value is 1926783.

Hex triplet	1d667f	`#1d667f`
RGB Decimal	29, 102, 127	`rgb(29,102,127)`
RGB Percent	11.4, 40, 49.8	`rgb(11.4%,40%,49.8%)`
CMYK	77, 20, 0, 50
HSL	195.3°, 62.8, 30.6	`hsl(195.3,62.8%,30.6%)`
HSV (or HSB)	195.3°, 77.2, 49.8
Web Safe	336666	`#336666`

CIE-LAB	40.074, -13.062, -20.286
XYZ	9.088, 11.295, 21.779
xyY	0.216, 0.268, 11.295
CIE-LCH	40.074, 24.127, 237.224
CIE-LUV	40.074, -25.408, -26.806
Hunter-Lab	33.609, -10.549, -14.894
Binary	00011101, 01100110, 01111111

#1d667f
```
#1d667f rgb(29,102,127)
```
#7f361d
```
#7f361d rgb(127,54,29)
```

Complementary Color

#1d7f67
```
#1d7f67 rgb(29,127,103)
```
#1d667f
```
#1d667f rgb(29,102,127)
```
#1d357f
```
#1d357f rgb(29,53,127)
```

Analogous Color

#7f671d
```
#7f671d rgb(127,103,29)
```
#1d667f
```
#1d667f rgb(29,102,127)
```
#7f1d35
```
#7f1d35 rgb(127,29,53)
```

Split Complementary Color

#667f1d
```
#667f1d rgb(102,127,29)
```
#1d667f
```
#1d667f rgb(29,102,127)
```
#7f1d66
```
#7f1d66 rgb(127,29,102)
```

Triadic Color

#1d7f36
```
#1d7f36 rgb(29,127,54)
```
#1d667f
```
#1d667f rgb(29,102,127)
```
#7f1d66
```
#7f1d66 rgb(127,29,102)
```
#7f361d
```
#7f361d rgb(127,54,29)
```

Tetradic Color

#0f3441
```
#0f3441 rgb(15,52,65)
```
#144555
```
#144555 rgb(20,69,85)
```
#18556a
```
#18556a rgb(24,85,106)
```
#1d667f
```
#1d667f rgb(29,102,127)
```
#227794
```
#227794 rgb(34,119,148)
```
#2687a9
```
#2687a9 rgb(38,135,169)
```
#2b98bd
```
#2b98bd rgb(43,152,189)
```

Monochromatic Color

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

#1d7f7f
```
#1d7f7f rgb(29,127,127)
```
#1d767f
```
#1d767f rgb(29,118,127)
```
#1d6e7f
```
#1d6e7f rgb(29,110,127)
```
#1d667f
```
#1d667f rgb(29,102,127)
```
#1d5e7f
```
#1d5e7f rgb(29,94,127)
```
#1d567f
```
#1d567f rgb(29,86,127)
```
#1d4e7f
```
#1d4e7f rgb(29,78,127)
```

Similar Colors

Text with hexadecimal color #1d667f

This text has a font color of #1d667f.

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

#1d667f background color

This paragraph has a background color of #1d667f.

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

#1d667f border color

This element has a border color of #1d667f.

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

CSS codes

.text {color:#1d667f;}

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

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

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

#030c0f
```
#030c0f rgb(3,12,15)
```
#07191f
```
#07191f rgb(7,25,31)
```
#0b262f
```
#0b262f rgb(11,38,47)
```
#0e333f
```
#0e333f rgb(14,51,63)
```
#12404f
```
#12404f rgb(18,64,79)
```
#164c5f
```
#164c5f rgb(22,76,95)
```
#19596f
```
#19596f rgb(25,89,111)
```
#1d667f
```
#1d667f rgb(29,102,127)
```
#21738f
```
#21738f rgb(33,115,143)
```
#24809f
```
#24809f rgb(36,128,159)
```
#288caf
```
#288caf rgb(40,140,175)
```
#2c99bf
```
#2c99bf rgb(44,153,191)
```
#2fa6cf
```
#2fa6cf rgb(47,166,207)
```

Shade Color Variation

#3fadd3
```
#3fadd3 rgb(63,173,211)
```
#4fb4d7
```
#4fb4d7 rgb(79,180,215)
```
#5fbbda
```
#5fbbda rgb(95,187,218)
```
#6fc2de
```
#6fc2de rgb(111,194,222)
```
#7ec8e2
```
#7ec8e2 rgb(126,200,226)
```
#8ecfe5
```
#8ecfe5 rgb(142,207,229)
```
#9ed6e9
```
#9ed6e9 rgb(158,214,233)
```
#aedded
```
#aedded rgb(174,221,237)
```
#bee4f0
```
#bee4f0 rgb(190,228,240)
```
#ceeaf4
```
#ceeaf4 rgb(206,234,244)
```
#def1f8
```
#def1f8 rgb(222,241,248)
```
#eef8fb
```
#eef8fb rgb(238,248,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4d4e4f
```
#4d4e4f rgb(77,78,79)
```
#475155
```
#475155 rgb(71,81,85)
```
#41545b
```
#41545b rgb(65,84,91)
```
#3b5761
```
#3b5761 rgb(59,87,97)
```
#355a67
```
#355a67 rgb(53,90,103)
```
#2f5d6d
```
#2f5d6d rgb(47,93,109)
```
#296073
```
#296073 rgb(41,96,115)
```
#236379
```
#236379 rgb(35,99,121)
```
#1d667f
```
#1d667f rgb(29,102,127)
```
#176985
```
#176985 rgb(23,105,133)
```
#116c8b
```
#116c8b rgb(17,108,139)
```
#0b6f91
```
#0b6f91 rgb(11,111,145)
```
#057297
```
#057297 rgb(5,114,151)
```

Tone Color Variation

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

Dichromacy

#5f6580 Protanopia 1% of men
#5b6588 Deuteranopia 1% of men
#197078 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
#1b6c7a Tritanomaly 0.01% of the population

#1d667f hex color

#1d667f Color Information

#1d667f Color Conversion

Color Schemes with #1d667f

Alternatives to #1d667f

#1d667f Preview

Shades and Tints of #1d667f

Tones of #1d667f

Color Blindness Simulator