#3a8cae hex color

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

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

● #3a8cae color description : Dark moderate blue.

The hexadecimal color #3a8cae has RGB values of R:58, G:140, B:174 and CMYK values of C:0.67, M:0.2, Y:0, K:0.32. Its decimal value is 3837102.

Hex triplet	3a8cae	`#3a8cae`
RGB Decimal	58, 140, 174	`rgb(58,140,174)`
RGB Percent	22.7, 54.9, 68.2	`rgb(22.7%,54.9%,68.2%)`
CMYK	67, 20, 0, 32
HSL	197.6°, 50, 45.5	`hsl(197.6,50%,45.5%)`
HSV (or HSB)	197.6°, 66.7, 68.2
Web Safe	339999	`#339999`

CIE-LAB	54.773, -13.932, -25.208
XYZ	18.761, 22.71, 43.437
xyY	0.221, 0.267, 22.71
CIE-LCH	54.773, 28.802, 241.072
CIE-LUV	54.773, -31.759, -36.297
Hunter-Lab	47.655, -13.124, -20.683
Binary	00111010, 10001100, 10101110

#3a8cae
```
#3a8cae rgb(58,140,174)
```
#ae5c3a
```
#ae5c3a rgb(174,92,58)
```

Complementary Color

#3aae96
```
#3aae96 rgb(58,174,150)
```
#3a8cae
```
#3a8cae rgb(58,140,174)
```
#3a52ae
```
#3a52ae rgb(58,82,174)
```

Analogous Color

#ae963a
```
#ae963a rgb(174,150,58)
```
#3a8cae
```
#3a8cae rgb(58,140,174)
```
#ae3a52
```
#ae3a52 rgb(174,58,82)
```

Split Complementary Color

#8cae3a
```
#8cae3a rgb(140,174,58)
```
#3a8cae
```
#3a8cae rgb(58,140,174)
```
#ae3a8c
```
#ae3a8c rgb(174,58,140)
```

Triadic Color

#3aae5c
```
#3aae5c rgb(58,174,92)
```
#3a8cae
```
#3a8cae rgb(58,140,174)
```
#ae3a8c
```
#ae3a8c rgb(174,58,140)
```
#ae5c3a
```
#ae5c3a rgb(174,92,58)
```

Tetradic Color

#275e75
```
#275e75 rgb(39,94,117)
```
#2d6d88
```
#2d6d88 rgb(45,109,136)
```
#347d9b
```
#347d9b rgb(52,125,155)
```
#3a8cae
```
#3a8cae rgb(58,140,174)
```
#429bc0
```
#429bc0 rgb(66,155,192)
```
#55a5c6
```
#55a5c6 rgb(85,165,198)
```
#68afcd
```
#68afcd rgb(104,175,205)
```

Monochromatic Color

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

#3aa9ae
```
#3aa9ae rgb(58,169,174)
```
#3a9fae
```
#3a9fae rgb(58,159,174)
```
#3a96ae
```
#3a96ae rgb(58,150,174)
```
#3a8cae
```
#3a8cae rgb(58,140,174)
```
#3a82ae
```
#3a82ae rgb(58,130,174)
```
#3a79ae
```
#3a79ae rgb(58,121,174)
```
#3a6fae
```
#3a6fae rgb(58,111,174)
```

Similar Colors

Text with hexadecimal color #3a8cae

This text has a font color of #3a8cae.

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

#3a8cae background color

This paragraph has a background color of #3a8cae.

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

#3a8cae border color

This element has a border color of #3a8cae.

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

CSS codes

.text {color:#3a8cae;}

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

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

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)
```
#0e212a
```
#0e212a rgb(14,33,42)
```
#132d38
```
#132d38 rgb(19,45,56)
```
#183947
```
#183947 rgb(24,57,71)
```
#1d4556
```
#1d4556 rgb(29,69,86)
```
#215164
```
#215164 rgb(33,81,100)
```
#265d73
```
#265d73 rgb(38,93,115)
```
#2b6882
```
#2b6882 rgb(43,104,130)
```
#307491
```
#307491 rgb(48,116,145)
```
#35809f
```
#35809f rgb(53,128,159)
```
#3a8cae
```
#3a8cae rgb(58,140,174)
```
#3f98bd
```
#3f98bd rgb(63,152,189)
```

Shade Color Variation

#4ca0c3
```
#4ca0c3 rgb(76,160,195)
```
#5ba8c8
```
#5ba8c8 rgb(91,168,200)
```
#69b0cd
```
#69b0cd rgb(105,176,205)
```
#78b8d2
```
#78b8d2 rgb(120,184,210)
```
#87bfd7
```
#87bfd7 rgb(135,191,215)
```
#95c7dc
```
#95c7dc rgb(149,199,220)
```
#a4cfe1
```
#a4cfe1 rgb(164,207,225)
```
#b3d7e6
```
#b3d7e6 rgb(179,215,230)
```
#c2dfeb
```
#c2dfeb rgb(194,223,235)
```
#d0e6ef
```
#d0e6ef rgb(208,230,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 #04a2e4 is the most saturated one.

#707678
```
#707678 rgb(112,118,120)
```
#677a81
```
#677a81 rgb(103,122,129)
```
#5e7d8a
```
#5e7d8a rgb(94,125,138)
```
#558193
```
#558193 rgb(85,129,147)
```
#4c859c
```
#4c859c rgb(76,133,156)
```
#4388a5
```
#4388a5 rgb(67,136,165)
```
#3a8cae
```
#3a8cae rgb(58,140,174)
```
#3190b7
```
#3190b7 rgb(49,144,183)
```
#2893c0
```
#2893c0 rgb(40,147,192)
```
#1f97c9
```
#1f97c9 rgb(31,151,201)
```
#169bd2
```
#169bd2 rgb(22,155,210)
```
#0d9edb
```
#0d9edb rgb(13,158,219)
```
#04a2e4
```
#04a2e4 rgb(4,162,228)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6b7b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f88ab Protanopia 1% of men
#7b87b6 Deuteranopia 1% of men
#3795a0 Tritanopia 0.001% of the population

Trichromacy

#6689ac Protanomaly 1% of men, 0.01% of women
#6389b3 Deuteranomaly 6% of men, 0.4% of women
#3891a5 Tritanomaly 0.01% of the population

#3a8cae hex color

#3a8cae Color Information

#3a8cae Color Conversion

Color Schemes with #3a8cae

Alternatives to #3a8cae

#3a8cae Preview

Shades and Tints of #3a8cae

Tones of #3a8cae

Color Blindness Simulator