#3a7168 hex color

In a RGB color space, hex #3a7168 is composed of 22.7% red, 44.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 0% magenta, 8% yellow and 55.7% black. It has a hue angle of 170.2 degrees, a saturation of 32.2% and a lightness of 33.5%. #3a7168 color hex could be obtained by blending #74e2d0 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #3a7168 has RGB values of R:58, G:113, B:104 and CMYK values of C:0.49, M:0, Y:0.08, K:0.56. Its decimal value is 3830120.

Hex triplet	3a7168	`#3a7168`
RGB Decimal	58, 113, 104	`rgb(58,113,104)`
RGB Percent	22.7, 44.3, 40.8	`rgb(22.7%,44.3%,40.8%)`
CMYK	49, 0, 8, 56
HSL	170.2°, 32.2, 33.5	`hsl(170.2,32.2%,33.5%)`
HSV (or HSB)	170.2°, 48.7, 44.3
Web Safe	336666	`#336666`

CIE-LAB	43.812, -20.609, -0.643
XYZ	10.148, 13.709, 15.207
xyY	0.26, 0.351, 13.709
CIE-LCH	43.812, 20.619, 181.786
CIE-LUV	43.812, -24.236, 2.081
Hunter-Lab	37.025, -15.87, 1.566
Binary	00111010, 01110001, 01101000

#3a7168
```
#3a7168 rgb(58,113,104)
```
#713a43
```
#713a43 rgb(113,58,67)
```

Complementary Color

#3a714d
```
#3a714d rgb(58,113,77)
```
#3a7168
```
#3a7168 rgb(58,113,104)
```
#3a5f71
```
#3a5f71 rgb(58,95,113)
```

Analogous Color

#714d3a
```
#714d3a rgb(113,77,58)
```
#3a7168
```
#3a7168 rgb(58,113,104)
```
#713a5f
```
#713a5f rgb(113,58,95)
```

Split Complementary Color

#71683a
```
#71683a rgb(113,104,58)
```
#3a7168
```
#3a7168 rgb(58,113,104)
```
#683a71
```
#683a71 rgb(104,58,113)
```

Triadic Color

#43713a
```
#43713a rgb(67,113,58)
```
#3a7168
```
#3a7168 rgb(58,113,104)
```
#683a71
```
#683a71 rgb(104,58,113)
```
#713a43
```
#713a43 rgb(113,58,67)
```

Tetradic Color

#203e39
```
#203e39 rgb(32,62,57)
```
#294f49
```
#294f49 rgb(41,79,73)
```
#316058
```
#316058 rgb(49,96,88)
```
#3a7168
```
#3a7168 rgb(58,113,104)
```
#438278
```
#438278 rgb(67,130,120)
```
#4b9387
```
#4b9387 rgb(75,147,135)
```
#54a497
```
#54a497 rgb(84,164,151)
```

Monochromatic Color

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

#3a715a
```
#3a715a rgb(58,113,90)
```
#3a715f
```
#3a715f rgb(58,113,95)
```
#3a7163
```
#3a7163 rgb(58,113,99)
```
#3a7168
```
#3a7168 rgb(58,113,104)
```
#3a716d
```
#3a716d rgb(58,113,109)
```
#3a7171
```
#3a7171 rgb(58,113,113)
```
#3a6c71
```
#3a6c71 rgb(58,108,113)
```

Similar Colors

Text with hexadecimal color #3a7168

This text has a font color of #3a7168.

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

#3a7168 background color

This paragraph has a background color of #3a7168.

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

#3a7168 border color

This element has a border color of #3a7168.

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

CSS codes

.text {color:#3a7168;}

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

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

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

#050909
```
#050909 rgb(5,9,9)
```
#0b1614
```
#0b1614 rgb(11,22,20)
```
#122320
```
#122320 rgb(18,35,32)
```
#19302c
```
#19302c rgb(25,48,44)
```
#1f3d38
```
#1f3d38 rgb(31,61,56)
```
#264a44
```
#264a44 rgb(38,74,68)
```
#2d5750
```
#2d5750 rgb(45,87,80)
```
#33645c
```
#33645c rgb(51,100,92)
```
#3a7168
```
#3a7168 rgb(58,113,104)
```
#417e74
```
#417e74 rgb(65,126,116)
```
#478b80
```
#478b80 rgb(71,139,128)
```
#4e988c
```
#4e988c rgb(78,152,140)
```
#55a598
```
#55a598 rgb(85,165,152)
```

Shade Color Variation

#60ada1
```
#60ada1 rgb(96,173,161)
```
#6db4a8
```
#6db4a8 rgb(109,180,168)
```
#7abbb0
```
#7abbb0 rgb(122,187,176)
```
#87c1b8
```
#87c1b8 rgb(135,193,184)
```
#94c8bf
```
#94c8bf rgb(148,200,191)
```
#a1cfc7
```
#a1cfc7 rgb(161,207,199)
```
#aed5cf
```
#aed5cf rgb(174,213,207)
```
#bbdcd6
```
#bbdcd6 rgb(187,220,214)
```
#c7e3de
```
#c7e3de rgb(199,227,222)
```
#d4e9e6
```
#d4e9e6 rgb(212,233,230)
```
#e1f0ed
```
#e1f0ed rgb(225,240,237)
```
#eef6f5
```
#eef6f5 rgb(238,246,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#545756
```
#545756 rgb(84,87,86)
```
#4e5d5b
```
#4e5d5b rgb(78,93,91)
```
#47645f
```
#47645f rgb(71,100,95)
```
#416a64
```
#416a64 rgb(65,106,100)
```
#3a7168
```
#3a7168 rgb(58,113,104)
```
#33786c
```
#33786c rgb(51,120,108)
```
#2d7e71
```
#2d7e71 rgb(45,126,113)
```
#268575
```
#268575 rgb(38,133,117)
```
#208b7a
```
#208b7a rgb(32,139,122)
```
#19927e
```
#19927e rgb(25,146,126)
```
#139883
```
#139883 rgb(19,152,131)
```
#0c9f87
```
#0c9f87 rgb(12,159,135)
```
#05a68b
```
#05a68b rgb(5,166,139)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#586362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726e6a Protanopia 1% of men
#776c74 Deuteranopia 1% of men
#49767e Tritanopia 0.001% of the population

Trichromacy

#5d6f69 Protanomaly 1% of men, 0.01% of women
#616e6f Deuteranomaly 6% of men, 0.4% of women
#437476 Tritanomaly 0.01% of the population

#3a7168 hex color

#3a7168 Color Information

#3a7168 Color Conversion

Color Schemes with #3a7168

Alternatives to #3a7168

#3a7168 Preview

Shades and Tints of #3a7168

Tones of #3a7168

Color Blindness Simulator