#3b6466 hex color

In a RGB color space, hex #3b6466 is composed of 23.1% red, 39.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 2% magenta, 0% yellow and 60% black. It has a hue angle of 182.8 degrees, a saturation of 26.7% and a lightness of 31.6%. #3b6466 color hex could be obtained by blending #76c8cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 39
- B 40
RGB color chart
- C 42
- M 2
- Y 0
- K 60
CMYK color chart

● #3b6466 color description : Very dark desaturated cyan.

The hexadecimal color #3b6466 has RGB values of R:59, G:100, B:102 and CMYK values of C:0.42, M:0.02, Y:0, K:0.6. Its decimal value is 3892326.

Hex triplet	3b6466	`#3b6466`
RGB Decimal	59, 100, 102	`rgb(59,100,102)`
RGB Percent	23.1, 39.2, 40	`rgb(23.1%,39.2%,40%)`
CMYK	42, 2, 0, 60
HSL	182.8°, 26.7, 31.6	`hsl(182.8,26.7%,31.6%)`
HSV (or HSB)	182.8°, 42.2, 40
Web Safe	336666	`#336666`

CIE-LAB	39.585, -13.753, -5.663
XYZ	8.758, 11.003, 14.232
xyY	0.258, 0.324, 11.003
CIE-LCH	39.585, 14.873, 202.378
CIE-LUV	39.585, -18.536, -5.627
Hunter-Lab	33.171, -10.917, -2.219
Binary	00111011, 01100100, 01100110

#3b6466
```
#3b6466 rgb(59,100,102)
```
#663d3b
```
#663d3b rgb(102,61,59)
```

Complementary Color

#3b6653
```
#3b6653 rgb(59,102,83)
```
#3b6466
```
#3b6466 rgb(59,100,102)
```
#3b4f66
```
#3b4f66 rgb(59,79,102)
```

Analogous Color

#66533b
```
#66533b rgb(102,83,59)
```
#3b6466
```
#3b6466 rgb(59,100,102)
```
#663b4f
```
#663b4f rgb(102,59,79)
```

Split Complementary Color

#64663b
```
#64663b rgb(100,102,59)
```
#3b6466
```
#3b6466 rgb(59,100,102)
```
#663b64
```
#663b64 rgb(102,59,100)
```

Triadic Color

#3b663d
```
#3b663d rgb(59,102,61)
```
#3b6466
```
#3b6466 rgb(59,100,102)
```
#663b64
```
#663b64 rgb(102,59,100)
```
#663d3b
```
#663d3b rgb(102,61,59)
```

Tetradic Color

#1f3436
```
#1f3436 rgb(31,52,54)
```
#284446
```
#284446 rgb(40,68,70)
```
#325456
```
#325456 rgb(50,84,86)
```
#3b6466
```
#3b6466 rgb(59,100,102)
```
#447476
```
#447476 rgb(68,116,118)
```
#4e8486
```
#4e8486 rgb(78,132,134)
```
#579496
```
#579496 rgb(87,148,150)
```

Monochromatic Color

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

#3b665d
```
#3b665d rgb(59,102,93)
```
#3b6661
```
#3b6661 rgb(59,102,97)
```
#3b6664
```
#3b6664 rgb(59,102,100)
```
#3b6466
```
#3b6466 rgb(59,100,102)
```
#3b6066
```
#3b6066 rgb(59,96,102)
```
#3b5d66
```
#3b5d66 rgb(59,93,102)
```
#3b5966
```
#3b5966 rgb(59,89,102)
```

Similar Colors

Text with hexadecimal color #3b6466

This text has a font color of #3b6466.

<span style="color:#3b6466;">Text here</span>

#3b6466 background color

This paragraph has a background color of #3b6466.

<p style="background-color:#3b6466;">Content here</p>

#3b6466 border color

This element has a border color of #3b6466.

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

CSS codes

.text {color:#3b6466;}

.background {background-color:#3b6466;}

.border {border:1px solid #3b6466;}

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

#010303
```
#010303 rgb(1,3,3)
```
#090f0f
```
#090f0f rgb(9,15,15)
```
#101b1b
```
#101b1b rgb(16,27,27)
```
#172728
```
#172728 rgb(23,39,40)
```
#1e3334
```
#1e3334 rgb(30,51,52)
```
#253f41
```
#253f41 rgb(37,63,65)
```
#2d4c4d
```
#2d4c4d rgb(45,76,77)
```
#34585a
```
#34585a rgb(52,88,90)
```
#3b6466
```
#3b6466 rgb(59,100,102)
```
#427072
```
#427072 rgb(66,112,114)
```
#497c7f
```
#497c7f rgb(73,124,127)
```
#51898b
```
#51898b rgb(81,137,139)
```
#589598
```
#589598 rgb(88,149,152)
```

Shade Color Variation

#60a0a3
```
#60a0a3 rgb(96,160,163)
```
#6ca7aa
```
#6ca7aa rgb(108,167,170)
```
#79afb1
```
#79afb1 rgb(121,175,177)
```
#85b6b9
```
#85b6b9 rgb(133,182,185)
```
#92bec0
```
#92bec0 rgb(146,190,192)
```
#9ec5c7
```
#9ec5c7 rgb(158,197,199)
```
#abcdce
```
#abcdce rgb(171,205,206)
```
#b7d4d5
```
#b7d4d5 rgb(183,212,213)
```
#c3dbdd
```
#c3dbdd rgb(195,219,221)
```
#d0e3e4
```
#d0e3e4 rgb(208,227,228)
```
#dceaeb
```
#dceaeb rgb(220,234,235)
```
#e9f2f2
```
#e9f2f2 rgb(233,242,242)
```
#f5f9f9
```
#f5f9f9 rgb(245,249,249)
```

Tint Color Variation

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

#4e5353
```
#4e5353 rgb(78,83,83)
```
#47595a
```
#47595a rgb(71,89,90)
```
#415e60
```
#415e60 rgb(65,94,96)
```
#3b6466
```
#3b6466 rgb(59,100,102)
```
#356a6c
```
#356a6c rgb(53,106,108)
```
#2f6f72
```
#2f6f72 rgb(47,111,114)
```
#287579
```
#287579 rgb(40,117,121)
```
#227a7f
```
#227a7f rgb(34,122,127)
```
#1c8085
```
#1c8085 rgb(28,128,133)
```
#16868b
```
#16868b rgb(22,134,139)
```
#108b91
```
#108b91 rgb(16,139,145)
```
#099198
```
#099198 rgb(9,145,152)
```
#03979e
```
#03979e rgb(3,151,158)
```

Tone Color Variation

Below, you can see how #3b6466 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

#585858 Achromatopsia 0.005% of the population
#525a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#66656a Protanopia 1% of men
#696371 Deuteranopia 1% of men
#466b73 Tritanopia 0.001% of the population

Trichromacy

#566468 Protanomaly 1% of men, 0.01% of women
#58636d Deuteranomaly 6% of men, 0.4% of women
#42686e Tritanomaly 0.01% of the population

#3b6466 hex color

#3b6466 Color Information

#3b6466 Color Conversion

Color Schemes with #3b6466

Alternatives to #3b6466

#3b6466 Preview

Shades and Tints of #3b6466

Tones of #3b6466

Color Blindness Simulator