#3a8eae hex color

In a RGB color space, hex #3a8eae is composed of 22.7% red, 55.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 18.4% magenta, 0% yellow and 31.8% black. It has a hue angle of 196.6 degrees, a saturation of 50% and a lightness of 45.5%. #3a8eae color hex could be obtained by blending #74ffff with #001d5d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 23
- G 56
- B 68
RGB color chart
- C 67
- M 18
- Y 0
- K 32
CMYK color chart

● #3a8eae color description : Dark moderate blue.

The hexadecimal color #3a8eae has RGB values of R:58, G:142, B:174 and CMYK values of C:0.67, M:0.18, Y:0, K:0.32. Its decimal value is 3837614.

Hex triplet	3a8eae	`#3a8eae`
RGB Decimal	58, 142, 174	`rgb(58,142,174)`
RGB Percent	22.7, 55.7, 68.2	`rgb(22.7%,55.7%,68.2%)`
CMYK	67, 18, 0, 32
HSL	196.6°, 50, 45.5	`hsl(196.6,50%,45.5%)`
HSV (or HSB)	196.6°, 66.7, 68.2
Web Safe	339999	`#339999`

CIE-LAB	55.38, -15.033, -24.272
XYZ	19.056, 23.3, 43.535
xyY	0.222, 0.271, 23.3
CIE-LCH	55.38, 28.55, 238.228
CIE-LUV	55.38, -32.496, -34.724
Hunter-Lab	48.27, -14.005, -19.685
Binary	00111010, 10001110, 10101110

#3a8eae
```
#3a8eae rgb(58,142,174)
```
#ae5a3a
```
#ae5a3a rgb(174,90,58)
```

Complementary Color

#3aae94
```
#3aae94 rgb(58,174,148)
```
#3a8eae
```
#3a8eae rgb(58,142,174)
```
#3a54ae
```
#3a54ae rgb(58,84,174)
```

Analogous Color

#ae943a
```
#ae943a rgb(174,148,58)
```
#3a8eae
```
#3a8eae rgb(58,142,174)
```
#ae3a54
```
#ae3a54 rgb(174,58,84)
```

Split Complementary Color

#8eae3a
```
#8eae3a rgb(142,174,58)
```
#3a8eae
```
#3a8eae rgb(58,142,174)
```
#ae3a8e
```
#ae3a8e rgb(174,58,142)
```

Triadic Color

#3aae5a
```
#3aae5a rgb(58,174,90)
```
#3a8eae
```
#3a8eae rgb(58,142,174)
```
#ae3a8e
```
#ae3a8e rgb(174,58,142)
```
#ae5a3a
```
#ae5a3a rgb(174,90,58)
```

Tetradic Color

#275f75
```
#275f75 rgb(39,95,117)
```
#2d6f88
```
#2d6f88 rgb(45,111,136)
```
#347e9b
```
#347e9b rgb(52,126,155)
```
#3a8eae
```
#3a8eae rgb(58,142,174)
```
#429dc0
```
#429dc0 rgb(66,157,192)
```
#55a7c6
```
#55a7c6 rgb(85,167,198)
```
#68b1cd
```
#68b1cd rgb(104,177,205)
```

Monochromatic Color

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

#3aabae
```
#3aabae rgb(58,171,174)
```
#3aa1ae
```
#3aa1ae rgb(58,161,174)
```
#3a98ae
```
#3a98ae rgb(58,152,174)
```
#3a8eae
```
#3a8eae rgb(58,142,174)
```
#3a84ae
```
#3a84ae rgb(58,132,174)
```
#3a7bae
```
#3a7bae rgb(58,123,174)
```
#3a71ae
```
#3a71ae rgb(58,113,174)
```

Similar Colors

Text with hexadecimal color #3a8eae

This text has a font color of #3a8eae.

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

#3a8eae background color

This paragraph has a background color of #3a8eae.

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

#3a8eae border color

This element has a border color of #3a8eae.

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

CSS codes

.text {color:#3a8eae;}

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

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

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, #040a0c is the darkest color, while #fcfefe is the lightest one.

#040a0c
```
#040a0c rgb(4,10,12)
```
#09161b
```
#09161b rgb(9,22,27)
```
#0e222a
```
#0e222a rgb(14,34,42)
```
#132e38
```
#132e38 rgb(19,46,56)
```
#183a47
```
#183a47 rgb(24,58,71)
```
#1d4656
```
#1d4656 rgb(29,70,86)
```
#215264
```
#215264 rgb(33,82,100)
```
#265e73
```
#265e73 rgb(38,94,115)
```
#2b6a82
```
#2b6a82 rgb(43,106,130)
```
#307691
```
#307691 rgb(48,118,145)
```
#35829f
```
#35829f rgb(53,130,159)
```
#3a8eae
```
#3a8eae rgb(58,142,174)
```
#3f9abd
```
#3f9abd rgb(63,154,189)
```

Shade Color Variation

#4ca2c3
```
#4ca2c3 rgb(76,162,195)
```
#5baac8
```
#5baac8 rgb(91,170,200)
```
#69b2cd
```
#69b2cd rgb(105,178,205)
```
#78b9d2
```
#78b9d2 rgb(120,185,210)
```
#87c1d7
```
#87c1d7 rgb(135,193,215)
```
#95c8dc
```
#95c8dc rgb(149,200,220)
```
#a4d0e1
```
#a4d0e1 rgb(164,208,225)
```
#b3d8e6
```
#b3d8e6 rgb(179,216,230)
```
#c2dfeb
```
#c2dfeb rgb(194,223,235)
```
#d0e7ef
```
#d0e7ef rgb(208,231,239)
```
#dfeef4
```
#dfeef4 rgb(223,238,244)
```
#eef6f9
```
#eef6f9 rgb(238,246,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#707678
```
#707678 rgb(112,118,120)
```
#677a81
```
#677a81 rgb(103,122,129)
```
#5e7e8a
```
#5e7e8a rgb(94,126,138)
```
#558293
```
#558293 rgb(85,130,147)
```
#4c869c
```
#4c869c rgb(76,134,156)
```
#438aa5
```
#438aa5 rgb(67,138,165)
```
#3a8eae
```
#3a8eae rgb(58,142,174)
```
#3192b7
```
#3192b7 rgb(49,146,183)
```
#2896c0
```
#2896c0 rgb(40,150,192)
```
#1f9ac9
```
#1f9ac9 rgb(31,154,201)
```
#169ed2
```
#169ed2 rgb(22,158,210)
```
#0da2db
```
#0da2db rgb(13,162,219)
```
#04a6e4
```
#04a6e4 rgb(4,166,228)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6c7d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8289ab Protanopia 1% of men
#7d89b6 Deuteranopia 1% of men
#3896a1 Tritanopia 0.001% of the population

Trichromacy

#678bac Protanomaly 1% of men, 0.01% of women
#658ab3 Deuteranomaly 6% of men, 0.4% of women
#3993a6 Tritanomaly 0.01% of the population

#3a8eae hex color

#3a8eae Color Information

#3a8eae Color Conversion

Color Schemes with #3a8eae

Alternatives to #3a8eae

#3a8eae Preview

Shades and Tints of #3a8eae

Tones of #3a8eae

Color Blindness Simulator