#476ae2 Color Information
In a RGB color space, hex #476ae2 is composed of 27.8% red, 41.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 53.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 226.5 degrees, a saturation of 72.8% and a lightness of 58.2%. #476ae2 color hex could be obtained by blending #8ed4ff with #0000c5. Closest websafe color is: #3366cc.
-
- R 28
- G 42
- B 89
-
- C 69
- M 53
- Y 0
- K 11
● #476ae2 color description : Soft blue.
#476ae2 Color Conversion
The hexadecimal color #476ae2 has RGB values of R:71, G:106, B:226 and CMYK values of C:0.69, M:0.53, Y:0, K:0.11. Its decimal value is 4680418.
Hex triplet | 476ae2 | #476ae2 |
---|---|---|
RGB Decimal | 71, 106, 226 | rgb(71,106,226) |
RGB Percent | 27.8, 41.6, 88.6 | rgb(27.8%,41.6%,88.6%) |
CMYK | 69, 53, 0, 11 | |
HSL | 226.5°, 72.8, 58.2 | hsl(226.5,72.8%,58.2%) |
HSV (or HSB) | 226.5°, 68.6, 88.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 48.433, 26.817, -64.848 |
---|---|
XYZ | 21.477, 17.137, 74.123 |
xyY | 0.191, 0.152, 17.137 |
CIE-LCH | 48.433, 70.174, 292.467 |
CIE-LUV | 48.433, -16.58, -101.006 |
Hunter-Lab | 41.397, 20.162, -77.183 |
Binary | 01000111, 01101010, 11100010 |
Color Schemes with #476ae2
Alternatives to #476ae2
Below, you can see some colors close to #476ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#476ae2 Preview
This text has a font color of #476ae2.
<span style="color:#476ae2;">Text here</span>
This paragraph has a background color of #476ae2.
<p style="background-color:#476ae2;">Content here</p>
This element has a border color of #476ae2.
<div style="border:1px solid #476ae2;">Content here</div>
.text {color:#476ae2;}
.background {background-color:#476ae2;}
.border {border:1px solid #476ae2;}
Shades and Tints of #476ae2
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, #000102 is the darkest color, while #f0f3fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030713
#030713
rgb(3,7,19)
-
#060d24
#060d24
rgb(6,13,36)
-
#081335
#081335
rgb(8,19,53)
-
#0b1846
#0b1846
rgb(11,24,70)
-
#0e1e57
#0e1e57
rgb(14,30,87)
-
#102468
#102468
rgb(16,36,104)
-
#132a79
#132a79
rgb(19,42,121)
-
#16308a
#16308a
rgb(22,48,138)
-
#18369b
#18369b
rgb(24,54,155)
-
#1b3cac
#1b3cac
rgb(27,60,172)
-
#1e42bd
#1e42bd
rgb(30,66,189)
-
#2048ce
#2048ce
rgb(32,72,206)
-
#254fdd
#254fdd
rgb(37,79,221)
-
#365cdf
#365cdf
rgb(54,92,223)
-
#476ae2
#476ae2
rgb(71,106,226)
-
#5878e5
#5878e5
rgb(88,120,229)
-
#6985e7
#6985e7
rgb(105,133,231)
-
#7a93ea
#7a93ea
rgb(122,147,234)
-
#8ba1ed
#8ba1ed
rgb(139,161,237)
-
#9cafef
#9cafef
rgb(156,175,239)
-
#adbcf2
#adbcf2
rgb(173,188,242)
-
#becaf5
#becaf5
rgb(190,202,245)
-
#cfd8f7
#cfd8f7
rgb(207,216,247)
-
#e0e5fa
#e0e5fa
rgb(224,229,250)
-
#f0f3fd
#f0f3fd
rgb(240,243,253)
Tones of #476ae2
A tone is produced by adding gray to any pure hue. In this case, #919298 is the less saturated color, while #2e5dfb is the most saturated one.
-
#919298
#919298
rgb(145,146,152)
-
#898ea0
#898ea0
rgb(137,142,160)
-
#8089a9
#8089a9
rgb(128,137,169)
-
#7885b1
#7885b1
rgb(120,133,177)
-
#7080b9
#7080b9
rgb(112,128,185)
-
#687cc1
#687cc1
rgb(104,124,193)
-
#6077c9
#6077c9
rgb(96,119,201)
-
#5773d2
#5773d2
rgb(87,115,210)
-
#4f6eda
#4f6eda
rgb(79,110,218)
-
#476ae2
#476ae2
rgb(71,106,226)
-
#3f66ea
#3f66ea
rgb(63,102,234)
-
#3761f2
#3761f2
rgb(55,97,242)
-
#2e5dfb
#2e5dfb
rgb(46,93,251)
Color Blindness Simulator
Below, you can see how #476ae2 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.