#475ad2 Color Information
In a RGB color space, hex #475ad2 is composed of 27.8% red, 35.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 57.1% magenta, 0% yellow and 17.6% black. It has a hue angle of 231.8 degrees, a saturation of 60.7% and a lightness of 55.1%. #475ad2 color hex could be obtained by blending #8eb4ff with #0000a5. Closest websafe color is: #3366cc.
-
- R 28
- G 35
- B 82
-
- C 66
- M 57
- Y 0
- K 18
● #475ad2 color description : Moderate blue.
#475ad2 Color Conversion
The hexadecimal color #475ad2 has RGB values of R:71, G:90, B:210 and CMYK values of C:0.66, M:0.57, Y:0, K:0.18. Its decimal value is 4676306.
Hex triplet | 475ad2 | #475ad2 |
---|---|---|
RGB Decimal | 71, 90, 210 | rgb(71,90,210) |
RGB Percent | 27.8, 35.3, 82.4 | rgb(27.8%,35.3%,82.4%) |
CMYK | 66, 57, 0, 18 | |
HSL | 231.8°, 60.7, 55.1 | hsl(231.8,60.7%,55.1%) |
HSV (or HSB) | 231.8°, 66.2, 82.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 43.218, 31.271, -64.199 |
---|---|
XYZ | 17.885, 13.304, 62.595 |
xyY | 0.191, 0.142, 13.304 |
CIE-LCH | 43.218, 71.41, 295.97 |
CIE-LUV | 43.218, -11.965, -97.117 |
Hunter-Lab | 36.475, 23.696, -76.216 |
Binary | 01000111, 01011010, 11010010 |
Color Schemes with #475ad2
Alternatives to #475ad2
Below, you can see some colors close to #475ad2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#475ad2 Preview
This text has a font color of #475ad2.
<span style="color:#475ad2;">Text here</span>
This paragraph has a background color of #475ad2.
<p style="background-color:#475ad2;">Content here</p>
This element has a border color of #475ad2.
<div style="border:1px solid #475ad2;">Content here</div>
.text {color:#475ad2;}
.background {background-color:#475ad2;}
.border {border:1px solid #475ad2;}
Shades and Tints of #475ad2
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, #010205 is the darkest color, while #f4f5fc is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#050715
#050715
rgb(5,7,21)
-
#090d25
#090d25
rgb(9,13,37)
-
#0d1234
#0d1234
rgb(13,18,52)
-
#111844
#111844
rgb(17,24,68)
-
#151d54
#151d54
rgb(21,29,84)
-
#182364
#182364
rgb(24,35,100)
-
#1c2873
#1c2873
rgb(28,40,115)
-
#202e83
#202e83
rgb(32,46,131)
-
#243393
#243393
rgb(36,51,147)
-
#2839a3
#2839a3
rgb(40,57,163)
-
#2c3eb2
#2c3eb2
rgb(44,62,178)
-
#3044c2
#3044c2
rgb(48,68,194)
-
#374cce
#374cce
rgb(55,76,206)
-
#475ad2
#475ad2
rgb(71,90,210)
-
#5768d6
#5768d6
rgb(87,104,214)
-
#6776da
#6776da
rgb(103,118,218)
-
#7684de
#7684de
rgb(118,132,222)
-
#8693e1
#8693e1
rgb(134,147,225)
-
#96a1e5
#96a1e5
rgb(150,161,229)
-
#a6afe9
#a6afe9
rgb(166,175,233)
-
#b5bded
#b5bded
rgb(181,189,237)
-
#c5cbf1
#c5cbf1
rgb(197,203,241)
-
#d5d9f5
#d5d9f5
rgb(213,217,245)
-
#e5e7f9
#e5e7f9
rgb(229,231,249)
-
#f4f5fc
#f4f5fc
rgb(244,245,252)
Tones of #475ad2
A tone is produced by adding gray to any pure hue. In this case, #858794 is the less saturated color, while #1b3afe is the most saturated one.
-
#858794
#858794
rgb(133,135,148)
-
#7c809d
#7c809d
rgb(124,128,157)
-
#737aa6
#737aa6
rgb(115,122,166)
-
#6a74af
#6a74af
rgb(106,116,175)
-
#616db8
#616db8
rgb(97,109,184)
-
#5967c0
#5967c0
rgb(89,103,192)
-
#5060c9
#5060c9
rgb(80,96,201)
-
#475ad2
#475ad2
rgb(71,90,210)
-
#3e54db
#3e54db
rgb(62,84,219)
-
#354de4
#354de4
rgb(53,77,228)
-
#2d47ec
#2d47ec
rgb(45,71,236)
-
#2440f5
#2440f5
rgb(36,64,245)
-
#1b3afe
#1b3afe
rgb(27,58,254)
Color Blindness Simulator
Below, you can see how #475ad2 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.