#4498e1 Color Information
In a RGB color space, hex #4498e1 is composed of 26.7% red, 59.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 32.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 207.9 degrees, a saturation of 72.4% and a lightness of 57.5%. #4498e1 color hex could be obtained by blending #88ffff with #0031c3. Closest websafe color is: #3399cc.
-
- R 27
- G 60
- B 88
-
- C 70
- M 32
- Y 0
- K 12
● #4498e1 color description : Soft blue.
#4498e1 Color Conversion
The hexadecimal color #4498e1 has RGB values of R:68, G:152, B:225 and CMYK values of C:0.7, M:0.32, Y:0, K:0.12. Its decimal value is 4495585.
Hex triplet | 4498e1 | #4498e1 |
---|---|---|
RGB Decimal | 68, 152, 225 | rgb(68,152,225) |
RGB Percent | 26.7, 59.6, 88.2 | rgb(26.7%,59.6%,88.2%) |
CMYK | 70, 32, 0, 12 | |
HSL | 207.9°, 72.4, 57.5 | hsl(207.9,72.4%,57.5%) |
HSV (or HSB) | 207.9°, 69.8, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 60.887, -1.918, -44.393 |
---|---|
XYZ | 27.2, 29.12, 75.417 |
xyY | 0.206, 0.221, 29.12 |
CIE-LCH | 60.887, 44.434, 267.526 |
CIE-LUV | 60.887, -31.833, -70.17 |
Hunter-Lab | 53.963, -4.463, -45.089 |
Binary | 01000100, 10011000, 11100001 |
Color Schemes with #4498e1
Alternatives to #4498e1
Below, you can see some colors close to #4498e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4498e1 Preview
This text has a font color of #4498e1.
<span style="color:#4498e1;">Text here</span>
This paragraph has a background color of #4498e1.
<p style="background-color:#4498e1;">Content here</p>
This element has a border color of #4498e1.
<div style="border:1px solid #4498e1;">Content here</div>
.text {color:#4498e1;}
.background {background-color:#4498e1;}
.border {border:1px solid #4498e1;}
Shades and Tints of #4498e1
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, #030a10 is the darkest color, while #fefeff is the lightest one.
-
#030a10
#030a10
rgb(3,10,16)
-
#051421
#051421
rgb(5,20,33)
-
#081e32
#081e32
rgb(8,30,50)
-
#0b2943
#0b2943
rgb(11,41,67)
-
#0d3353
#0d3353
rgb(13,51,83)
-
#103d64
#103d64
rgb(16,61,100)
-
#134775
#134775
rgb(19,71,117)
-
#165286
#165286
rgb(22,82,134)
-
#185c97
#185c97
rgb(24,92,151)
-
#1b66a8
#1b66a8
rgb(27,102,168)
-
#1e71b9
#1e71b9
rgb(30,113,185)
-
#207bca
#207bca
rgb(32,123,202)
-
#2385db
#2385db
rgb(35,133,219)
-
#338fde
#338fde
rgb(51,143,222)
-
#4498e1
#4498e1
rgb(68,152,225)
-
#55a1e4
#55a1e4
rgb(85,161,228)
-
#66abe6
#66abe6
rgb(102,171,230)
-
#77b4e9
#77b4e9
rgb(119,180,233)
-
#88bdec
#88bdec
rgb(136,189,236)
-
#99c7ef
#99c7ef
rgb(153,199,239)
-
#a9d0f1
#a9d0f1
rgb(169,208,241)
-
#bad9f4
#bad9f4
rgb(186,217,244)
-
#cbe2f7
#cbe2f7
rgb(203,226,247)
-
#dcecf9
#dcecf9
rgb(220,236,249)
-
#edf5fc
#edf5fc
rgb(237,245,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #4498e1
A tone is produced by adding gray to any pure hue. In this case, #8f9396 is the less saturated color, while #2b9afa is the most saturated one.
-
#8f9396
#8f9396
rgb(143,147,150)
-
#87939e
#87939e
rgb(135,147,158)
-
#7e94a7
#7e94a7
rgb(126,148,167)
-
#7694af
#7694af
rgb(118,148,175)
-
#6e95b7
#6e95b7
rgb(110,149,183)
-
#6596c0
#6596c0
rgb(101,150,192)
-
#5d96c8
#5d96c8
rgb(93,150,200)
-
#5597d0
#5597d0
rgb(85,151,208)
-
#4c97d9
#4c97d9
rgb(76,151,217)
-
#4498e1
#4498e1
rgb(68,152,225)
-
#3c99e9
#3c99e9
rgb(60,153,233)
-
#3399f2
#3399f2
rgb(51,153,242)
-
#2b9afa
#2b9afa
rgb(43,154,250)
Color Blindness Simulator
Below, you can see how #4498e1 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.