#3a5f68 hex color

In a RGB color space, hex #3a5f68 is composed of 22.7% red, 37.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 8.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 191.7 degrees, a saturation of 28.4% and a lightness of 31.8%. #3a5f68 color hex could be obtained by blending #74bed0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 37
- B 41
RGB color chart
- C 44
- M 9
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #3a5f68 has RGB values of R:58, G:95, B:104 and CMYK values of C:0.44, M:0.09, Y:0, K:0.59. Its decimal value is 3825512.

Hex triplet	3a5f68	`#3a5f68`
RGB Decimal	58, 95, 104	`rgb(58,95,104)`
RGB Percent	22.7, 37.3, 40.8	`rgb(22.7%,37.3%,40.8%)`
CMYK	44, 9, 0, 59
HSL	191.7°, 28.4, 31.8	`hsl(191.7,28.4%,31.8%)`
HSV (or HSB)	191.7°, 44.2, 40.8
Web Safe	336666	`#336666`

CIE-LAB	37.991, -10.579, -9.286
XYZ	8.335, 10.083, 14.603
xyY	0.252, 0.305, 10.083
CIE-LCH	37.991, 14.076, 221.278
CIE-LUV	37.991, -16.749, -10.945
Hunter-Lab	31.754, -8.714, -5.039
Binary	00111010, 01011111, 01101000

#3a5f68
```
#3a5f68 rgb(58,95,104)
```
#68433a
```
#68433a rgb(104,67,58)
```

Complementary Color

#3a685a
```
#3a685a rgb(58,104,90)
```
#3a5f68
```
#3a5f68 rgb(58,95,104)
```
#3a4868
```
#3a4868 rgb(58,72,104)
```

Analogous Color

#685a3a
```
#685a3a rgb(104,90,58)
```
#3a5f68
```
#3a5f68 rgb(58,95,104)
```
#683a48
```
#683a48 rgb(104,58,72)
```

Split Complementary Color

#5f683a
```
#5f683a rgb(95,104,58)
```
#3a5f68
```
#3a5f68 rgb(58,95,104)
```
#683a5f
```
#683a5f rgb(104,58,95)
```

Triadic Color

#3a6843
```
#3a6843 rgb(58,104,67)
```
#3a5f68
```
#3a5f68 rgb(58,95,104)
```
#683a5f
```
#683a5f rgb(104,58,95)
```
#68433a
```
#68433a rgb(104,67,58)
```

Tetradic Color

#1f3237
```
#1f3237 rgb(31,50,55)
```
#284147
```
#284147 rgb(40,65,71)
```
#315058
```
#315058 rgb(49,80,88)
```
#3a5f68
```
#3a5f68 rgb(58,95,104)
```
#436e78
```
#436e78 rgb(67,110,120)
```
#4c7d89
```
#4c7d89 rgb(76,125,137)
```
#558c99
```
#558c99 rgb(85,140,153)
```

Monochromatic Color

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

#3a6866
```
#3a6866 rgb(58,104,102)
```
#3a6768
```
#3a6768 rgb(58,103,104)
```
#3a6368
```
#3a6368 rgb(58,99,104)
```
#3a5f68
```
#3a5f68 rgb(58,95,104)
```
#3a5b68
```
#3a5b68 rgb(58,91,104)
```
#3a5768
```
#3a5768 rgb(58,87,104)
```
#3a5468
```
#3a5468 rgb(58,84,104)
```

Similar Colors

Text with hexadecimal color #3a5f68

This text has a font color of #3a5f68.

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

#3a5f68 background color

This paragraph has a background color of #3a5f68.

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

#3a5f68 border color

This element has a border color of #3a5f68.

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

CSS codes

.text {color:#3a5f68;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090e10
```
#090e10 rgb(9,14,16)
```
#101a1c
```
#101a1c rgb(16,26,28)
```
#172529
```
#172529 rgb(23,37,41)
```
#1e3136
```
#1e3136 rgb(30,49,54)
```
#253c42
```
#253c42 rgb(37,60,66)
```
#2c484f
```
#2c484f rgb(44,72,79)
```
#33535b
```
#33535b rgb(51,83,91)
```
#3a5f68
```
#3a5f68 rgb(58,95,104)
```
#416b75
```
#416b75 rgb(65,107,117)
```
#487681
```
#487681 rgb(72,118,129)
```
#4f828e
```
#4f828e rgb(79,130,142)
```
#568d9a
```
#568d9a rgb(86,141,154)
```

Shade Color Variation

#5f98a6
```
#5f98a6 rgb(95,152,166)
```
#6ba0ad
```
#6ba0ad rgb(107,160,173)
```
#78a8b4
```
#78a8b4 rgb(120,168,180)
```
#84b0bb
```
#84b0bb rgb(132,176,187)
```
#91b8c2
```
#91b8c2 rgb(145,184,194)
```
#9ec0c9
```
#9ec0c9 rgb(158,192,201)
```
#aac8d0
```
#aac8d0 rgb(170,200,208)
```
#b7d0d7
```
#b7d0d7 rgb(183,208,215)
```
#c3d9de
```
#c3d9de rgb(195,217,222)
```
#d0e1e5
```
#d0e1e5 rgb(208,225,229)
```
#dce9ec
```
#dce9ec rgb(220,233,236)
```
#e9f1f3
```
#e9f1f3 rgb(233,241,243)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

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

#4d5455
```
#4d5455 rgb(77,84,85)
```
#46575c
```
#46575c rgb(70,87,92)
```
#405b62
```
#405b62 rgb(64,91,98)
```
#3a5f68
```
#3a5f68 rgb(58,95,104)
```
#34636e
```
#34636e rgb(52,99,110)
```
#2e6774
```
#2e6774 rgb(46,103,116)
```
#276a7b
```
#276a7b rgb(39,106,123)
```
#216e81
```
#216e81 rgb(33,110,129)
```
#1b7287
```
#1b7287 rgb(27,114,135)
```
#15768d
```
#15768d rgb(21,118,141)
```
#0e7a94
```
#0e7a94 rgb(14,122,148)
```
#087d9a
```
#087d9a rgb(8,125,154)
```
#0281a0
```
#0281a0 rgb(2,129,160)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#505759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60616c Protanopia 1% of men
#625f72 Deuteranopia 1% of men
#43676f Tritanopia 0.001% of the population

Trichromacy

#52606a Protanomaly 1% of men, 0.01% of women
#535f6e Deuteranomaly 6% of men, 0.4% of women
#40646c Tritanomaly 0.01% of the population

#3a5f68 hex color

#3a5f68 Color Information

#3a5f68 Color Conversion

Color Schemes with #3a5f68

Alternatives to #3a5f68

#3a5f68 Preview

Shades and Tints of #3a5f68

Tones of #3a5f68

Color Blindness Simulator