colorhexa.com

#4694b0 hex color

In a RGB color space, hex #4694b0 is composed of 27.5% red, 58% green and 69% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 15.9% magenta, 0% yellow and 31% black. It has a hue angle of 195.8 degrees, a saturation of 43.1% and a lightness of 48.2%. #4694b0 color hex could be obtained by blending #8cffff with #002961. Closest websafe color is: #339999.

- R 27
- G 58
- B 69
RGB color chart
- C 60
- M 16
- Y 0
- K 31
CMYK color chart

● #4694b0 color description : Dark moderate blue.

The hexadecimal color #4694b0 has RGB values of R:70, G:148, B:176 and CMYK values of C:0.6, M:0.16, Y:0, K:0.31. Its decimal value is 4625584.

Hex triplet	4694b0	`#4694b0`
RGB Decimal	70, 148, 176	`rgb(70,148,176)`
RGB Percent	27.5, 58, 69	`rgb(27.5%,58%,69%)`
CMYK	60, 16, 0, 31
HSL	195.8°, 43.1, 48.2	`hsl(195.8,43.1%,48.2%)`
HSV (or HSB)	195.8°, 60.2, 69
Web Safe	339999	`#339999`

CIE-LAB	57.67, -15.51, -21.861
XYZ	20.95, 25.615, 44.912
xyY	0.229, 0.28, 25.615
CIE-LCH	57.67, 26.805, 234.645
CIE-LUV	57.67, -31.959, -31
Hunter-Lab	50.611, -14.681, -17.186
Binary	01000110, 10010100, 10110000

#4694b0
```
#4694b0 rgb(70,148,176)
```
#b06246
```
#b06246 rgb(176,98,70)
```

Complementary Color

#46b097
```
#46b097 rgb(70,176,151)
```
#4694b0
```
#4694b0 rgb(70,148,176)
```
#465fb0
```
#465fb0 rgb(70,95,176)
```

Analogous Color

#b09746
```
#b09746 rgb(176,151,70)
```
#4694b0
```
#4694b0 rgb(70,148,176)
```
#b0465f
```
#b0465f rgb(176,70,95)
```

Split Complementary Color

#94b046
```
#94b046 rgb(148,176,70)
```
#4694b0
```
#4694b0 rgb(70,148,176)
```
#b04694
```
#b04694 rgb(176,70,148)
```

Triadic Color

#46b062
```
#46b062 rgb(70,176,98)
```
#4694b0
```
#4694b0 rgb(70,148,176)
```
#b04694
```
#b04694 rgb(176,70,148)
```
#b06246
```
#b06246 rgb(176,98,70)
```

Tetradic Color

#306679
```
#306679 rgb(48,102,121)
```
#37758c
```
#37758c rgb(55,117,140)
```
#3f859e
```
#3f859e rgb(63,133,158)
```
#4694b0
```
#4694b0 rgb(70,148,176)
```
#54a0bb
```
#54a0bb rgb(84,160,187)
```
#67aac2
```
#67aac2 rgb(103,170,194)
```
#79b4ca
```
#79b4ca rgb(121,180,202)
```

Monochromatic Color

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

#46afb0
```
#46afb0 rgb(70,175,176)
```
#46a6b0
```
#46a6b0 rgb(70,166,176)
```
#469db0
```
#469db0 rgb(70,157,176)
```
#4694b0
```
#4694b0 rgb(70,148,176)
```
#468bb0
```
#468bb0 rgb(70,139,176)
```
#4682b0
```
#4682b0 rgb(70,130,176)
```
#467ab0
```
#467ab0 rgb(70,122,176)
```

Similar Colors

Text with hexadecimal color #4694b0

This text has a font color of #4694b0.

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

#4694b0 background color

This paragraph has a background color of #4694b0.

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

#4694b0 border color

This element has a border color of #4694b0.

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

CSS codes

.text {color:#4694b0;}

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

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

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

#030608
```
#030608 rgb(3,6,8)
```
#091216
```
#091216 rgb(9,18,22)
```
#0e1e24
```
#0e1e24 rgb(14,30,36)
```
#142a32
```
#142a32 rgb(20,42,50)
```
#193640
```
#193640 rgb(25,54,64)
```
#1f414e
```
#1f414e rgb(31,65,78)
```
#254d5c
```
#254d5c rgb(37,77,92)
```
#2a596a
```
#2a596a rgb(42,89,106)
```
#306578
```
#306578 rgb(48,101,120)
```
#357186
```
#357186 rgb(53,113,134)
```
#3b7c94
```
#3b7c94 rgb(59,124,148)
```
#4088a2
```
#4088a2 rgb(64,136,162)
```
#4694b0
```
#4694b0 rgb(70,148,176)
```

Shade Color Variation

#509eb9
```
#509eb9 rgb(80,158,185)
```
#5ea5bf
```
#5ea5bf rgb(94,165,191)
```
#6cadc5
```
#6cadc5 rgb(108,173,197)
```
#7ab5ca
```
#7ab5ca rgb(122,181,202)
```
#88bdd0
```
#88bdd0 rgb(136,189,208)
```
#96c5d5
```
#96c5d5 rgb(150,197,213)
```
#a4cddb
```
#a4cddb rgb(164,205,219)
```
#b2d4e1
```
#b2d4e1 rgb(178,212,225)
```
#c0dce6
```
#c0dce6 rgb(192,220,230)
```
#cee4ec
```
#cee4ec rgb(206,228,236)
```
#dcecf1
```
#dcecf1 rgb(220,236,241)
```
#ebf4f7
```
#ebf4f7 rgb(235,244,247)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#757e81
```
#757e81 rgb(117,126,129)
```
#6c828a
```
#6c828a rgb(108,130,138)
```
#628794
```
#628794 rgb(98,135,148)
```
#598b9d
```
#598b9d rgb(89,139,157)
```
#4f90a7
```
#4f90a7 rgb(79,144,167)
```
#4694b0
```
#4694b0 rgb(70,148,176)
```
#3d98b9
```
#3d98b9 rgb(61,152,185)
```
#339dc3
```
#339dc3 rgb(51,157,195)
```
#2aa1cc
```
#2aa1cc rgb(42,161,204)
```
#20a6d6
```
#20a6d6 rgb(32,166,214)
```
#17aadf
```
#17aadf rgb(23,170,223)
```
#0dafe9
```
#0dafe9 rgb(13,175,233)
```
#04b3f2
```
#04b3f2 rgb(4,179,242)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#74848a Atypical Achromatopsia 0.001% of the population

Dichromacy

#898fad Protanopia 1% of men
#878eb8 Deuteranopia 1% of men
#489ba7 Tritanopia 0.001% of the population

Trichromacy

#7091ae Protanomaly 1% of men, 0.01% of women
#6f90b5 Deuteranomaly 6% of men, 0.4% of women
#4799aa Tritanomaly 0.01% of the population