colorhexa.com

#4694be hex color

In a RGB color space, hex #4694be is composed of 27.5% red, 58% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 22.1% magenta, 0% yellow and 25.5% black. It has a hue angle of 201 degrees, a saturation of 48% and a lightness of 51%. #4694be color hex could be obtained by blending #8cffff with #00297d. Closest websafe color is: #3399cc.

- R 27
- G 58
- B 75
RGB color chart
- C 63
- M 22
- Y 0
- K 25
CMYK color chart

● #4694be color description : Moderate blue.

The hexadecimal color #4694be has RGB values of R:70, G:148, B:190 and CMYK values of C:0.63, M:0.22, Y:0, K:0.25. Its decimal value is 4625598.

Hex triplet	4694be	`#4694be`
RGB Decimal	70, 148, 190	`rgb(70,148,190)`
RGB Percent	27.5, 58, 74.5	`rgb(27.5%,58%,74.5%)`
CMYK	63, 22, 0, 25
HSL	201°, 48, 51	`hsl(201,48%,51%)`
HSV (or HSB)	201°, 63.2, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.224, -11.054, -28.945
XYZ	22.408, 26.198, 52.588
xyY	0.221, 0.259, 26.198
CIE-LCH	58.224, 30.984, 249.099
CIE-LUV	58.224, -31.378, -43.108
Hunter-Lab	51.184, -11.427, -25.088
Binary	01000110, 10010100, 10111110

#4694be
```
#4694be rgb(70,148,190)
```
#be7046
```
#be7046 rgb(190,112,70)
```

Complementary Color

#46beac
```
#46beac rgb(70,190,172)
```
#4694be
```
#4694be rgb(70,148,190)
```
#4658be
```
#4658be rgb(70,88,190)
```

Analogous Color

#beac46
```
#beac46 rgb(190,172,70)
```
#4694be
```
#4694be rgb(70,148,190)
```
#be4658
```
#be4658 rgb(190,70,88)
```

Split Complementary Color

#94be46
```
#94be46 rgb(148,190,70)
```
#4694be
```
#4694be rgb(70,148,190)
```
#be4694
```
#be4694 rgb(190,70,148)
```

Triadic Color

#46be70
```
#46be70 rgb(70,190,112)
```
#4694be
```
#4694be rgb(70,148,190)
```
#be4694
```
#be4694 rgb(190,70,148)
```
#be7046
```
#be7046 rgb(190,112,70)
```

Tetradic Color

#306988
```
#306988 rgb(48,105,136)
```
#36789b
```
#36789b rgb(54,120,155)
```
#3d86ae
```
#3d86ae rgb(61,134,174)
```
#4694be
```
#4694be rgb(70,148,190)
```
#599fc5
```
#599fc5 rgb(89,159,197)
```
#6caacb
```
#6caacb rgb(108,170,203)
```
#7fb5d2
```
#7fb5d2 rgb(127,181,210)
```

Monochromatic Color

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

#46b2be
```
#46b2be rgb(70,178,190)
```
#46a8be
```
#46a8be rgb(70,168,190)
```
#469ebe
```
#469ebe rgb(70,158,190)
```
#4694be
```
#4694be rgb(70,148,190)
```
#468abe
```
#468abe rgb(70,138,190)
```
#4680be
```
#4680be rgb(70,128,190)
```
#4676be
```
#4676be rgb(70,118,190)
```

Similar Colors

Text with hexadecimal color #4694be

This text has a font color of #4694be.

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

#4694be background color

This paragraph has a background color of #4694be.

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

#4694be border color

This element has a border color of #4694be.

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

CSS codes

.text {color:#4694be;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#060e12
```
#060e12 rgb(6,14,18)
```
#0c1921
```
#0c1921 rgb(12,25,33)
```
#11252f
```
#11252f rgb(17,37,47)
```
#16303e
```
#16303e rgb(22,48,62)
```
#1b3b4c
```
#1b3b4c rgb(27,59,76)
```
#20465b
```
#20465b rgb(32,70,91)
```
#255169
```
#255169 rgb(37,81,105)
```
#2a5d78
```
#2a5d78 rgb(42,93,120)
```
#2f6886
```
#2f6886 rgb(47,104,134)
```
#347395
```
#347395 rgb(52,115,149)
```
#397ea3
```
#397ea3 rgb(57,126,163)
```
#3f8ab2
```
#3f8ab2 rgb(63,138,178)
```

Shade Color Variation

#4694be
```
#4694be rgb(70,148,190)
```
#559cc3
```
#559cc3 rgb(85,156,195)
```
#63a5c8
```
#63a5c8 rgb(99,165,200)
```
#72adcd
```
#72adcd rgb(114,173,205)
```
#80b6d2
```
#80b6d2 rgb(128,182,210)
```
#8fbed8
```
#8fbed8 rgb(143,190,216)
```
#9dc6dd
```
#9dc6dd rgb(157,198,221)
```
#accfe2
```
#accfe2 rgb(172,207,226)
```
#bad7e7
```
#bad7e7 rgb(186,215,231)
```
#c9e0ec
```
#c9e0ec rgb(201,224,236)
```
#d7e8f1
```
#d7e8f1 rgb(215,232,241)
```
#e6f0f6
```
#e6f0f6 rgb(230,240,246)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

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

#808384
```
#808384 rgb(128,131,132)
```
#76868e
```
#76868e rgb(118,134,142)
```
#6c8898
```
#6c8898 rgb(108,136,152)
```
#638ba1
```
#638ba1 rgb(99,139,161)
```
#598eab
```
#598eab rgb(89,142,171)
```
#5091b4
```
#5091b4 rgb(80,145,180)
```
#4694be
```
#4694be rgb(70,148,190)
```
#3c97c8
```
#3c97c8 rgb(60,151,200)
```
#339ad1
```
#339ad1 rgb(51,154,209)
```
#299ddb
```
#299ddb rgb(41,157,219)
```
#20a0e4
```
#20a0e4 rgb(32,160,228)
```
#16a2ee
```
#16a2ee rgb(22,162,238)
```
#0ca5f8
```
#0ca5f8 rgb(12,165,248)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#75858d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8590bb Protanopia 1% of men
#7f90c4 Deuteranopia 1% of men
#409ea9 Tritanopia 0.001% of the population

Trichromacy

#6e91bc Protanomaly 1% of men, 0.01% of women
#6a91c2 Deuteranomaly 6% of men, 0.4% of women
#429ab1 Tritanomaly 0.01% of the population