#4694aa hex color

In a RGB color space, hex #4694aa is composed of 27.5% red, 58% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 12.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 193.2 degrees, a saturation of 41.7% and a lightness of 47.1%. #4694aa color hex could be obtained by blending #8cffff with #002955. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 58
- B 67
RGB color chart
- C 59
- M 13
- Y 0
- K 33
CMYK color chart

● #4694aa color description : Dark moderate cyan.

The hexadecimal color #4694aa has RGB values of R:70, G:148, B:170 and CMYK values of C:0.59, M:0.13, Y:0, K:0.33. Its decimal value is 4625578.

Hex triplet	4694aa	`#4694aa`
RGB Decimal	70, 148, 170	`rgb(70,148,170)`
RGB Percent	27.5, 58, 66.7	`rgb(27.5%,58%,66.7%)`
CMYK	59, 13, 0, 33
HSL	193.2°, 41.7, 47.1	`hsl(193.2,41.7%,47.1%)`
HSV (or HSB)	193.2°, 58.8, 66.7
Web Safe	339999	`#339999`

CIE-LAB	57.446, -17.364, -18.788
XYZ	20.369, 25.383, 41.854
xyY	0.233, 0.29, 25.383
CIE-LCH	57.446, 25.583, 227.255
CIE-LUV	57.446, -32.214, -25.829
Hunter-Lab	50.381, -15.998, -13.988
Binary	01000110, 10010100, 10101010

#4694aa
```
#4694aa rgb(70,148,170)
```
#aa5c46
```
#aa5c46 rgb(170,92,70)
```

Complementary Color

#46aa8e
```
#46aa8e rgb(70,170,142)
```
#4694aa
```
#4694aa rgb(70,148,170)
```
#4662aa
```
#4662aa rgb(70,98,170)
```

Analogous Color

#aa8e46
```
#aa8e46 rgb(170,142,70)
```
#4694aa
```
#4694aa rgb(70,148,170)
```
#aa4662
```
#aa4662 rgb(170,70,98)
```

Split Complementary Color

#94aa46
```
#94aa46 rgb(148,170,70)
```
#4694aa
```
#4694aa rgb(70,148,170)
```
#aa4694
```
#aa4694 rgb(170,70,148)
```

Triadic Color

#46aa5c
```
#46aa5c rgb(70,170,92)
```
#4694aa
```
#4694aa rgb(70,148,170)
```
#aa4694
```
#aa4694 rgb(170,70,148)
```
#aa5c46
```
#aa5c46 rgb(170,92,70)
```

Tetradic Color

#306574
```
#306574 rgb(48,101,116)
```
#377586
```
#377586 rgb(55,117,134)
```
#3f8498
```
#3f8498 rgb(63,132,152)
```
#4694aa
```
#4694aa rgb(70,148,170)
```
#52a1b8
```
#52a1b8 rgb(82,161,184)
```
#64abbf
```
#64abbf rgb(100,171,191)
```
#76b5c7
```
#76b5c7 rgb(118,181,199)
```

Monochromatic Color

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

#46aaa7
```
#46aaa7 rgb(70,170,167)
```
#46a5aa
```
#46a5aa rgb(70,165,170)
```
#469caa
```
#469caa rgb(70,156,170)
```
#4694aa
```
#4694aa rgb(70,148,170)
```
#468caa
```
#468caa rgb(70,140,170)
```
#4683aa
```
#4683aa rgb(70,131,170)
```
#467baa
```
#467baa rgb(70,123,170)
```

Similar Colors

Text with hexadecimal color #4694aa

This text has a font color of #4694aa.

<span style="color:#4694aa;">Text here</span>

#4694aa background color

This paragraph has a background color of #4694aa.

<p style="background-color:#4694aa;">Content here</p>

#4694aa border color

This element has a border color of #4694aa.

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

CSS codes

.text {color:#4694aa;}

.background {background-color:#4694aa;}

.border {border:1px solid #4694aa;}

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

#010303
```
#010303 rgb(1,3,3)
```
#070f11
```
#070f11 rgb(7,15,17)
```
#0d1b1f
```
#0d1b1f rgb(13,27,31)
```
#13272d
```
#13272d rgb(19,39,45)
```
#18333b
```
#18333b rgb(24,51,59)
```
#1e3f49
```
#1e3f49 rgb(30,63,73)
```
#244b57
```
#244b57 rgb(36,75,87)
```
#295865
```
#295865 rgb(41,88,101)
```
#2f6472
```
#2f6472 rgb(47,100,114)
```
#357080
```
#357080 rgb(53,112,128)
```
#3b7c8e
```
#3b7c8e rgb(59,124,142)
```
#40889c
```
#40889c rgb(64,136,156)
```
#4694aa
```
#4694aa rgb(70,148,170)
```

Shade Color Variation

#4e9fb6
```
#4e9fb6 rgb(78,159,182)
```
#5ca7bc
```
#5ca7bc rgb(92,167,188)
```
#69aec1
```
#69aec1 rgb(105,174,193)
```
#77b6c7
```
#77b6c7 rgb(119,182,199)
```
#85bdcd
```
#85bdcd rgb(133,189,205)
```
#93c5d3
```
#93c5d3 rgb(147,197,211)
```
#a1ccd8
```
#a1ccd8 rgb(161,204,216)
```
#afd4de
```
#afd4de rgb(175,212,222)
```
#bddbe4
```
#bddbe4 rgb(189,219,228)
```
#cbe3e9
```
#cbe3e9 rgb(203,227,233)
```
#d9eaef
```
#d9eaef rgb(217,234,239)
```
#e6f2f5
```
#e6f2f5 rgb(230,242,245)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

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

#747a7c
```
#747a7c rgb(116,122,124)
```
#6b7f85
```
#6b7f85 rgb(107,127,133)
```
#62848e
```
#62848e rgb(98,132,142)
```
#588a98
```
#588a98 rgb(88,138,152)
```
#4f8fa1
```
#4f8fa1 rgb(79,143,161)
```
#4694aa
```
#4694aa rgb(70,148,170)
```
#3d99b3
```
#3d99b3 rgb(61,153,179)
```
#349ebc
```
#349ebc rgb(52,158,188)
```
#2aa4c6
```
#2aa4c6 rgb(42,164,198)
```
#21a9cf
```
#21a9cf rgb(33,169,207)
```
#18aed8
```
#18aed8 rgb(24,174,216)
```
#0fb3e1
```
#0fb3e1 rgb(15,179,225)
```
#05b8eb
```
#05b8eb rgb(5,184,235)
```

Tone Color Variation

Below, you can see how #4694aa 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

#7f7f7f Achromatopsia 0.005% of the population
#748388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8ea7 Protanopia 1% of men
#8a8db2 Deuteranopia 1% of men
#4b9ba6 Tritanopia 0.001% of the population

Trichromacy

#7190a8 Protanomaly 1% of men, 0.01% of women
#718faf Deuteranomaly 6% of men, 0.4% of women
#4998a7 Tritanomaly 0.01% of the population

#4694aa hex color

#4694aa Color Information

#4694aa Color Conversion

Color Schemes with #4694aa

Alternatives to #4694aa

#4694aa Preview

Shades and Tints of #4694aa

Tones of #4694aa

Color Blindness Simulator