#476ac5 Color Information
In a RGB color space, hex #476ac5 is composed of 27.8% red, 41.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 46.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 223.3 degrees, a saturation of 52.1% and a lightness of 52.5%. #476ac5 color hex could be obtained by blending #8ed4ff with #00008b. Closest websafe color is: #3366cc.
-
- R 28
- G 42
- B 77
-
- C 64
- M 46
- Y 0
- K 23
● #476ac5 color description : Moderate blue.
#476ac5 Color Conversion
The hexadecimal color #476ac5 has RGB values of R:71, G:106, B:197 and CMYK values of C:0.64, M:0.46, Y:0, K:0.23. Its decimal value is 4680389.
Hex triplet | 476ac5 | #476ac5 |
---|---|---|
RGB Decimal | 71, 106, 197 | rgb(71,106,197) |
RGB Percent | 27.8, 41.6, 77.3 | rgb(27.8%,41.6%,77.3%) |
CMYK | 64, 46, 0, 23 | |
HSL | 223.3°, 52.1, 52.5 | hsl(223.3,52.1%,52.5%) |
HSV (or HSB) | 223.3°, 64, 77.3 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.549, 16.609, -51.348 |
---|---|
XYZ | 17.828, 15.678, 54.907 |
xyY | 0.202, 0.177, 15.678 |
CIE-LCH | 46.549, 53.968, 287.925 |
CIE-LUV | 46.549, -16.409, -78.998 |
Hunter-Lab | 39.595, 11.081, -54.501 |
Binary | 01000111, 01101010, 11000101 |
Color Schemes with #476ac5
Alternatives to #476ac5
Below, you can see some colors close to #476ac5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#476ac5 Preview
This text has a font color of #476ac5.
<span style="color:#476ac5;">Text here</span>
This paragraph has a background color of #476ac5.
<p style="background-color:#476ac5;">Content here</p>
This element has a border color of #476ac5.
<div style="border:1px solid #476ac5;">Content here</div>
.text {color:#476ac5;}
.background {background-color:#476ac5;}
.border {border:1px solid #476ac5;}
Shades and Tints of #476ac5
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, #03050a is the darkest color, while #fafbfd is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#080d19
#080d19
rgb(8,13,25)
-
#0d1428
#0d1428
rgb(13,20,40)
-
#111c37
#111c37
rgb(17,28,55)
-
#162346
#162346
rgb(22,35,70)
-
#1b2b54
#1b2b54
rgb(27,43,84)
-
#1f3263
#1f3263
rgb(31,50,99)
-
#243a72
#243a72
rgb(36,58,114)
-
#294181
#294181
rgb(41,65,129)
-
#2d4990
#2d4990
rgb(45,73,144)
-
#32509f
#32509f
rgb(50,80,159)
-
#3758ae
#3758ae
rgb(55,88,174)
-
#3c5fbd
#3c5fbd
rgb(60,95,189)
-
#476ac5
#476ac5
rgb(71,106,197)
-
#5676ca
#5676ca
rgb(86,118,202)
-
#6582ce
#6582ce
rgb(101,130,206)
-
#748ed3
#748ed3
rgb(116,142,211)
-
#839ad8
#839ad8
rgb(131,154,216)
-
#92a6dd
#92a6dd
rgb(146,166,221)
-
#a0b2e1
#a0b2e1
rgb(160,178,225)
-
#afbfe6
#afbfe6
rgb(175,191,230)
-
#becbeb
#becbeb
rgb(190,203,235)
-
#cdd7ef
#cdd7ef
rgb(205,215,239)
-
#dce3f4
#dce3f4
rgb(220,227,244)
-
#ebeff9
#ebeff9
rgb(235,239,249)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #476ac5
A tone is produced by adding gray to any pure hue. In this case, #7f838d is the less saturated color, while #0f51fd is the most saturated one.
-
#7f838d
#7f838d
rgb(127,131,141)
-
#767f96
#767f96
rgb(118,127,150)
-
#6c7ba0
#6c7ba0
rgb(108,123,160)
-
#6376a9
#6376a9
rgb(99,118,169)
-
#5a72b2
#5a72b2
rgb(90,114,178)
-
#506ebc
#506ebc
rgb(80,110,188)
-
#476ac5
#476ac5
rgb(71,106,197)
-
#3e66ce
#3e66ce
rgb(62,102,206)
-
#3462d8
#3462d8
rgb(52,98,216)
-
#2b5ee1
#2b5ee1
rgb(43,94,225)
-
#2259ea
#2259ea
rgb(34,89,234)
-
#1855f4
#1855f4
rgb(24,85,244)
-
#0f51fd
#0f51fd
rgb(15,81,253)
Color Blindness Simulator
Below, you can see how #476ac5 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.