#4ea5f6 Color Information
In a RGB color space, hex #4ea5f6 is composed of 30.6% red, 64.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 32.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 208.9 degrees, a saturation of 90.3% and a lightness of 63.5%. #4ea5f6 color hex could be obtained by blending #9cffff with #004bed. Closest websafe color is: #6699ff.
-
- R 31
- G 65
- B 96
-
- C 68
- M 33
- Y 0
- K 4
● #4ea5f6 color description : Soft blue.
#4ea5f6 Color Conversion
The hexadecimal color #4ea5f6 has RGB values of R:78, G:165, B:246 and CMYK values of C:0.68, M:0.33, Y:0, K:0.04. Its decimal value is 5154294.
Hex triplet | 4ea5f6 | #4ea5f6 |
---|---|---|
RGB Decimal | 78, 165, 246 | rgb(78,165,246) |
RGB Percent | 30.6, 64.7, 96.5 | rgb(30.6%,64.7%,96.5%) |
CMYK | 68, 33, 0, 4 | |
HSL | 208.9°, 90.3, 63.5 | hsl(208.9,90.3%,63.5%) |
HSV (or HSB) | 208.9°, 68.3, 96.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.89, -0.744, -48.041 |
---|---|
XYZ | 33.228, 35.181, 92.223 |
xyY | 0.207, 0.219, 35.181 |
CIE-LCH | 65.89, 48.047, 269.112 |
CIE-LUV | 65.89, -33.545, -77.366 |
Hunter-Lab | 59.314, -3.803, -50.667 |
Binary | 01001110, 10100101, 11110110 |
Color Schemes with #4ea5f6
Alternatives to #4ea5f6
Below, you can see some colors close to #4ea5f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4ea5f6 Preview
This text has a font color of #4ea5f6.
<span style="color:#4ea5f6;">Text here</span>
This paragraph has a background color of #4ea5f6.
<p style="background-color:#4ea5f6;">Content here</p>
This element has a border color of #4ea5f6.
<div style="border:1px solid #4ea5f6;">Content here</div>
.text {color:#4ea5f6;}
.background {background-color:#4ea5f6;}
.border {border:1px solid #4ea5f6;}
Shades and Tints of #4ea5f6
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, #00050a is the darkest color, while #f6faff is the lightest one.
-
#00050a
#00050a
rgb(0,5,10)
-
#010f1c
#010f1c
rgb(1,15,28)
-
#02192f
#02192f
rgb(2,25,47)
-
#032442
#032442
rgb(3,36,66)
-
#042e54
#042e54
rgb(4,46,84)
-
#053867
#053867
rgb(5,56,103)
-
#06427a
#06427a
rgb(6,66,122)
-
#074c8c
#074c8c
rgb(7,76,140)
-
#08569f
#08569f
rgb(8,86,159)
-
#0960b2
#0960b2
rgb(9,96,178)
-
#0a6ac4
#0a6ac4
rgb(10,106,196)
-
#0b75d7
#0b75d7
rgb(11,117,215)
-
#0c7fea
#0c7fea
rgb(12,127,234)
-
#1689f3
#1689f3
rgb(22,137,243)
-
#2992f4
#2992f4
rgb(41,146,244)
-
#3b9cf5
#3b9cf5
rgb(59,156,245)
-
#4ea5f6
#4ea5f6
rgb(78,165,246)
-
#61aef7
#61aef7
rgb(97,174,247)
-
#73b8f8
#73b8f8
rgb(115,184,248)
-
#86c1f9
#86c1f9
rgb(134,193,249)
-
#99cbfa
#99cbfa
rgb(153,203,250)
-
#abd4fb
#abd4fb
rgb(171,212,251)
-
#bedefc
#bedefc
rgb(190,222,252)
-
#d1e7fd
#d1e7fd
rgb(209,231,253)
-
#e3f1fe
#e3f1fe
rgb(227,241,254)
-
#f6faff
#f6faff
rgb(246,250,255)
Tones of #4ea5f6
A tone is produced by adding gray to any pure hue. In this case, #9da2a7 is the less saturated color, while #47a5fd is the most saturated one.
-
#9da2a7
#9da2a7
rgb(157,162,167)
-
#96a2ae
#96a2ae
rgb(150,162,174)
-
#8ea3b6
#8ea3b6
rgb(142,163,182)
-
#87a3bd
#87a3bd
rgb(135,163,189)
-
#80a3c4
#80a3c4
rgb(128,163,196)
-
#79a3cb
#79a3cb
rgb(121,163,203)
-
#72a4d2
#72a4d2
rgb(114,164,210)
-
#6ba4d9
#6ba4d9
rgb(107,164,217)
-
#63a4e1
#63a4e1
rgb(99,164,225)
-
#5ca4e8
#5ca4e8
rgb(92,164,232)
-
#55a5ef
#55a5ef
rgb(85,165,239)
-
#4ea5f6
#4ea5f6
rgb(78,165,246)
-
#47a5fd
#47a5fd
rgb(71,165,253)
Color Blindness Simulator
Below, you can see how #4ea5f6 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.