#3a6068 hex color

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

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

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

The hexadecimal color #3a6068 has RGB values of R:58, G:96, B:104 and CMYK values of C:0.44, M:0.08, Y:0, K:0.59. Its decimal value is 3825768.

Hex triplet	3a6068	`#3a6068`
RGB Decimal	58, 96, 104	`rgb(58,96,104)`
RGB Percent	22.7, 37.6, 40.8	`rgb(22.7%,37.6%,40.8%)`
CMYK	44, 8, 0, 59
HSL	190.4°, 28.4, 31.8	`hsl(190.4,28.4%,31.8%)`
HSV (or HSB)	190.4°, 44.2, 40.8
Web Safe	336666	`#336666`

CIE-LAB	38.313, -11.163, -8.802
XYZ	8.426, 10.264, 14.633
xyY	0.253, 0.308, 10.264
CIE-LCH	38.313, 14.216, 218.257
CIE-LUV	38.313, -17.164, -10.223
Hunter-Lab	32.038, -9.122, -4.654
Binary	00111010, 01100000, 01101000

#3a6068
```
#3a6068 rgb(58,96,104)
```
#68423a
```
#68423a rgb(104,66,58)
```

Complementary Color

#3a6859
```
#3a6859 rgb(58,104,89)
```
#3a6068
```
#3a6068 rgb(58,96,104)
```
#3a4968
```
#3a4968 rgb(58,73,104)
```

Analogous Color

#68593a
```
#68593a rgb(104,89,58)
```
#3a6068
```
#3a6068 rgb(58,96,104)
```
#683a49
```
#683a49 rgb(104,58,73)
```

Split Complementary Color

#60683a
```
#60683a rgb(96,104,58)
```
#3a6068
```
#3a6068 rgb(58,96,104)
```
#683a60
```
#683a60 rgb(104,58,96)
```

Triadic Color

#3a6842
```
#3a6842 rgb(58,104,66)
```
#3a6068
```
#3a6068 rgb(58,96,104)
```
#683a60
```
#683a60 rgb(104,58,96)
```
#68423a
```
#68423a rgb(104,66,58)
```

Tetradic Color

#1f3337
```
#1f3337 rgb(31,51,55)
```
#284247
```
#284247 rgb(40,66,71)
```
#315158
```
#315158 rgb(49,81,88)
```
#3a6068
```
#3a6068 rgb(58,96,104)
```
#436f78
```
#436f78 rgb(67,111,120)
```
#4c7e89
```
#4c7e89 rgb(76,126,137)
```
#558d99
```
#558d99 rgb(85,141,153)
```

Monochromatic Color

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

#3a6865
```
#3a6865 rgb(58,104,101)
```
#3a6868
```
#3a6868 rgb(58,104,104)
```
#3a6468
```
#3a6468 rgb(58,100,104)
```
#3a6068
```
#3a6068 rgb(58,96,104)
```
#3a5c68
```
#3a5c68 rgb(58,92,104)
```
#3a5868
```
#3a5868 rgb(58,88,104)
```
#3a5568
```
#3a5568 rgb(58,85,104)
```

Similar Colors

Text with hexadecimal color #3a6068

This text has a font color of #3a6068.

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

#3a6068 background color

This paragraph has a background color of #3a6068.

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

#3a6068 border color

This element has a border color of #3a6068.

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

CSS codes

.text {color:#3a6068;}

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

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

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)
```
#090f10
```
#090f10 rgb(9,15,16)
```
#101a1c
```
#101a1c rgb(16,26,28)
```
#172629
```
#172629 rgb(23,38,41)
```
#1e3236
```
#1e3236 rgb(30,50,54)
```
#253d42
```
#253d42 rgb(37,61,66)
```
#2c494f
```
#2c494f rgb(44,73,79)
```
#33545b
```
#33545b rgb(51,84,91)
```
#3a6068
```
#3a6068 rgb(58,96,104)
```
#416c75
```
#416c75 rgb(65,108,117)
```
#487781
```
#487781 rgb(72,119,129)
```
#4f838e
```
#4f838e rgb(79,131,142)
```
#568e9a
```
#568e9a rgb(86,142,154)
```

Shade Color Variation

#5f99a6
```
#5f99a6 rgb(95,153,166)
```
#6ba1ad
```
#6ba1ad rgb(107,161,173)
```
#78a9b4
```
#78a9b4 rgb(120,169,180)
```
#84b1bb
```
#84b1bb rgb(132,177,187)
```
#91b9c2
```
#91b9c2 rgb(145,185,194)
```
#9ec1c9
```
#9ec1c9 rgb(158,193,201)
```
#aac9d0
```
#aac9d0 rgb(170,201,208)
```
#b7d1d7
```
#b7d1d7 rgb(183,209,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 #0285a0 is the most saturated one.

#4d5455
```
#4d5455 rgb(77,84,85)
```
#46585c
```
#46585c rgb(70,88,92)
```
#405c62
```
#405c62 rgb(64,92,98)
```
#3a6068
```
#3a6068 rgb(58,96,104)
```
#34646e
```
#34646e rgb(52,100,110)
```
#2e6874
```
#2e6874 rgb(46,104,116)
```
#276c7b
```
#276c7b rgb(39,108,123)
```
#217081
```
#217081 rgb(33,112,129)
```
#1b7487
```
#1b7487 rgb(27,116,135)
```
#15788d
```
#15788d rgb(21,120,141)
```
#0e7c94
```
#0e7c94 rgb(14,124,148)
```
#08819a
```
#08819a rgb(8,129,154)
```
#0285a0
```
#0285a0 rgb(2,133,160)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#50585a Atypical Achromatopsia 0.001% of the population

Dichromacy

#61626c Protanopia 1% of men
#636072 Deuteranopia 1% of men
#44686f Tritanopia 0.001% of the population

Trichromacy

#53616a Protanomaly 1% of men, 0.01% of women
#54606e Deuteranomaly 6% of men, 0.4% of women
#40656d Tritanomaly 0.01% of the population

#3a6068 hex color

#3a6068 Color Information

#3a6068 Color Conversion

Color Schemes with #3a6068

Alternatives to #3a6068

#3a6068 Preview

Shades and Tints of #3a6068

Tones of #3a6068

Color Blindness Simulator