#478ae2 Color Information
In a RGB color space, hex #478ae2 is composed of 27.8% red, 54.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 38.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 214.1 degrees, a saturation of 72.8% and a lightness of 58.2%. #478ae2 color hex could be obtained by blending #8effff with #0015c5. Closest websafe color is: #3399cc.
-
- R 28
- G 54
- B 89
-
- C 69
- M 39
- Y 0
- K 11
● #478ae2 color description : Soft blue.
#478ae2 Color Conversion
The hexadecimal color #478ae2 has RGB values of R:71, G:138, B:226 and CMYK values of C:0.69, M:0.39, Y:0, K:0.11. Its decimal value is 4688610.
Hex triplet | 478ae2 | #478ae2 |
---|---|---|
RGB Decimal | 71, 138, 226 | rgb(71,138,226) |
RGB Percent | 27.8, 54.1, 88.6 | rgb(27.8%,54.1%,88.6%) |
CMYK | 69, 39, 0, 11 | |
HSL | 214.1°, 72.8, 58.2 | hsl(214.1,72.8%,58.2%) |
HSV (or HSB) | 214.1°, 68.6, 88.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 57.081, 7.102, -50.969 |
---|---|
XYZ | 25.411, 25.006, 75.435 |
xyY | 0.202, 0.199, 25.006 |
CIE-LCH | 57.081, 51.461, 277.933 |
CIE-LUV | 57.081, -26.472, -81.098 |
Hunter-Lab | 50.006, 3.198, -54.436 |
Binary | 01000111, 10001010, 11100010 |
Color Schemes with #478ae2
Alternatives to #478ae2
Below, you can see some colors close to #478ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#478ae2 Preview
This text has a font color of #478ae2.
<span style="color:#478ae2;">Text here</span>
This paragraph has a background color of #478ae2.
<p style="background-color:#478ae2;">Content here</p>
This element has a border color of #478ae2.
<div style="border:1px solid #478ae2;">Content here</div>
.text {color:#478ae2;}
.background {background-color:#478ae2;}
.border {border:1px solid #478ae2;}
Shades and Tints of #478ae2
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 #f0f6fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030a13
#030a13
rgb(3,10,19)
-
#061324
#061324
rgb(6,19,36)
-
#081c35
#081c35
rgb(8,28,53)
-
#0b2546
#0b2546
rgb(11,37,70)
-
#0e2d57
#0e2d57
rgb(14,45,87)
-
#103668
#103668
rgb(16,54,104)
-
#133f79
#133f79
rgb(19,63,121)
-
#16488a
#16488a
rgb(22,72,138)
-
#18519b
#18519b
rgb(24,81,155)
-
#1b5aac
#1b5aac
rgb(27,90,172)
-
#1e62bd
#1e62bd
rgb(30,98,189)
-
#206bce
#206bce
rgb(32,107,206)
-
#2574dd
#2574dd
rgb(37,116,221)
-
#367fdf
#367fdf
rgb(54,127,223)
-
#478ae2
#478ae2
rgb(71,138,226)
-
#5895e5
#5895e5
rgb(88,149,229)
-
#69a0e7
#69a0e7
rgb(105,160,231)
-
#7aaaea
#7aaaea
rgb(122,170,234)
-
#8bb5ed
#8bb5ed
rgb(139,181,237)
-
#9cc0ef
#9cc0ef
rgb(156,192,239)
-
#adcbf2
#adcbf2
rgb(173,203,242)
-
#bed5f5
#bed5f5
rgb(190,213,245)
-
#cfe0f7
#cfe0f7
rgb(207,224,247)
-
#e0ebfa
#e0ebfa
rgb(224,235,250)
-
#f0f6fd
#f0f6fd
rgb(240,246,253)
Tones of #478ae2
A tone is produced by adding gray to any pure hue. In this case, #919498 is the less saturated color, while #2e87fb is the most saturated one.
-
#919498
#919498
rgb(145,148,152)
-
#8993a0
#8993a0
rgb(137,147,160)
-
#8092a9
#8092a9
rgb(128,146,169)
-
#7891b1
#7891b1
rgb(120,145,177)
-
#7090b9
#7090b9
rgb(112,144,185)
-
#688ec1
#688ec1
rgb(104,142,193)
-
#608dc9
#608dc9
rgb(96,141,201)
-
#578cd2
#578cd2
rgb(87,140,210)
-
#4f8bda
#4f8bda
rgb(79,139,218)
-
#478ae2
#478ae2
rgb(71,138,226)
-
#3f89ea
#3f89ea
rgb(63,137,234)
-
#3788f2
#3788f2
rgb(55,136,242)
-
#2e87fb
#2e87fb
rgb(46,135,251)
Color Blindness Simulator
Below, you can see how #478ae2 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.