#42686f hex color

In a RGB color space, hex #42686f is composed of 25.9% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 40.5% cyan, 6.3% magenta, 0% yellow and 56.5% black. It has a hue angle of 189.3 degrees, a saturation of 25.4% and a lightness of 34.7%. #42686f color hex could be obtained by blending #84d0de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 26
- G 41
- B 44
RGB color chart
- C 41
- M 6
- Y 0
- K 56
CMYK color chart

● #42686f color description : Very dark desaturated cyan.

The hexadecimal color #42686f has RGB values of R:66, G:104, B:111 and CMYK values of C:0.41, M:0.06, Y:0, K:0.56. Its decimal value is 4352111.

Hex triplet	42686f	`#42686f`
RGB Decimal	66, 104, 111	`rgb(66,104,111)`
RGB Percent	25.9, 40.8, 43.5	`rgb(25.9%,40.8%,43.5%)`
CMYK	41, 6, 0, 56
HSL	189.3°, 25.4, 34.7	`hsl(189.3,25.4%,34.7%)`
HSV (or HSB)	189.3°, 40.5, 43.5
Web Safe	336666	`#336666`

CIE-LAB	41.542, -11.467, -8.196
XYZ	10.066, 12.206, 16.864
xyY	0.257, 0.312, 12.206
CIE-LCH	41.542, 14.095, 215.554
CIE-LUV	41.542, -17.637, -9.53
Hunter-Lab	34.937, -9.713, -4.162
Binary	01000010, 01101000, 01101111

#42686f
```
#42686f rgb(66,104,111)
```
#6f4942
```
#6f4942 rgb(111,73,66)
```

Complementary Color

#426f60
```
#426f60 rgb(66,111,96)
```
#42686f
```
#42686f rgb(66,104,111)
```
#42526f
```
#42526f rgb(66,82,111)
```

Analogous Color

#6f6042
```
#6f6042 rgb(111,96,66)
```
#42686f
```
#42686f rgb(66,104,111)
```
#6f4252
```
#6f4252 rgb(111,66,82)
```

Split Complementary Color

#686f42
```
#686f42 rgb(104,111,66)
```
#42686f
```
#42686f rgb(66,104,111)
```
#6f4268
```
#6f4268 rgb(111,66,104)
```

Triadic Color

#426f49
```
#426f49 rgb(66,111,73)
```
#42686f
```
#42686f rgb(66,104,111)
```
#6f4268
```
#6f4268 rgb(111,66,104)
```
#6f4942
```
#6f4942 rgb(111,73,66)
```

Tetradic Color

#253b3f
```
#253b3f rgb(37,59,63)
```
#2f4a4f
```
#2f4a4f rgb(47,74,79)
```
#38595f
```
#38595f rgb(56,89,95)
```
#42686f
```
#42686f rgb(66,104,111)
```
#4c777f
```
#4c777f rgb(76,119,127)
```
#55868f
```
#55868f rgb(85,134,143)
```
#5f959f
```
#5f959f rgb(95,149,159)
```

Monochromatic Color

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

#426f6b
```
#426f6b rgb(66,111,107)
```
#426f6f
```
#426f6f rgb(66,111,111)
```
#426c6f
```
#426c6f rgb(66,108,111)
```
#42686f
```
#42686f rgb(66,104,111)
```
#42646f
```
#42646f rgb(66,100,111)
```
#42616f
```
#42616f rgb(66,97,111)
```
#425d6f
```
#425d6f rgb(66,93,111)
```

Similar Colors

Text with hexadecimal color #42686f

This text has a font color of #42686f.

<span style="color:#42686f;">Text here</span>

#42686f background color

This paragraph has a background color of #42686f.

<p style="background-color:#42686f;">Content here</p>

#42686f border color

This element has a border color of #42686f.

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

CSS codes

.text {color:#42686f;}

.background {background-color:#42686f;}

.border {border:1px solid #42686f;}

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

#000000
```
#000000 rgb(0,0,0)
```
#070c0d
```
#070c0d rgb(7,12,13)
```
#0f1719
```
#0f1719 rgb(15,23,25)
```
#162325
```
#162325 rgb(22,35,37)
```
#1d2e31
```
#1d2e31 rgb(29,46,49)
```
#253a3e
```
#253a3e rgb(37,58,62)
```
#2c454a
```
#2c454a rgb(44,69,74)
```
#335156
```
#335156 rgb(51,81,86)
```
#3b5c63
```
#3b5c63 rgb(59,92,99)
```
#42686f
```
#42686f rgb(66,104,111)
```
#49747b
```
#49747b rgb(73,116,123)
```
#517f88
```
#517f88 rgb(81,127,136)
```
#588b94
```
#588b94 rgb(88,139,148)
```

Shade Color Variation

#5f96a0
```
#5f96a0 rgb(95,150,160)
```
#6c9ea7
```
#6c9ea7 rgb(108,158,167)
```
#78a6af
```
#78a6af rgb(120,166,175)
```
#84aeb6
```
#84aeb6 rgb(132,174,182)
```
#91b6bd
```
#91b6bd rgb(145,182,189)
```
#9dbec5
```
#9dbec5 rgb(157,190,197)
```
#a9c7cc
```
#a9c7cc rgb(169,199,204)
```
#b5cfd3
```
#b5cfd3 rgb(181,207,211)
```
#c2d7db
```
#c2d7db rgb(194,215,219)
```
#cedfe2
```
#cedfe2 rgb(206,223,226)
```
#dae7e9
```
#dae7e9 rgb(218,231,233)
```
#e7eff1
```
#e7eff1 rgb(231,239,241)
```
#f3f7f8
```
#f3f7f8 rgb(243,247,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565a5b is the less saturated color, while #0592ac is the most saturated one.

#565a5b
```
#565a5b rgb(86,90,91)
```
#505f61
```
#505f61 rgb(80,95,97)
```
#496368
```
#496368 rgb(73,99,104)
```
#42686f
```
#42686f rgb(66,104,111)
```
#3b6d76
```
#3b6d76 rgb(59,109,118)
```
#34717d
```
#34717d rgb(52,113,125)
```
#2e7683
```
#2e7683 rgb(46,118,131)
```
#277b8a
```
#277b8a rgb(39,123,138)
```
#207f91
```
#207f91 rgb(32,127,145)
```
#198498
```
#198498 rgb(25,132,152)
```
#12899f
```
#12899f rgb(18,137,159)
```
#0c8ea5
```
#0c8ea5 rgb(12,142,165)
```
#0592ac
```
#0592ac rgb(5,146,172)
```

Tone Color Variation

Below, you can see how #42686f 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

#5d5d5d Achromatopsia 0.005% of the population
#585f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696972 Protanopia 1% of men
#6c6779 Deuteranopia 1% of men
#4c6f77 Tritanopia 0.001% of the population

Trichromacy

#5a6871 Protanomaly 1% of men, 0.01% of women
#5c6775 Deuteranomaly 6% of men, 0.4% of women
#486c74 Tritanomaly 0.01% of the population

#42686f hex color

#42686f Color Information

#42686f Color Conversion

Color Schemes with #42686f

Alternatives to #42686f

#42686f Preview

Shades and Tints of #42686f

Tones of #42686f

Color Blindness Simulator