#4a90ff Color Information
In a RGB color space, hex #4a90ff is composed of 29% red, 56.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 43.5% magenta, 0% yellow and 0% black. It has a hue angle of 216.8 degrees, a saturation of 100% and a lightness of 64.5%. #4a90ff color hex could be obtained by blending #94ffff with #0021ff. Closest websafe color is: #3399ff.
-
- R 29
- G 56
- B 100
-
- C 71
- M 44
- Y 0
- K 0
● #4a90ff color description : Light blue.
#4a90ff Color Conversion
The hexadecimal color #4a90ff has RGB values of R:74, G:144, B:255 and CMYK values of C:0.71, M:0.44, Y:0, K:0. Its decimal value is 4886783.
Hex triplet | 4a90ff | #4a90ff |
---|---|---|
RGB Decimal | 74, 144, 255 | rgb(74,144,255) |
RGB Percent | 29, 56.5, 100 | rgb(29%,56.5%,100%) |
CMYK | 71, 44, 0, 0 | |
HSL | 216.8°, 100, 64.5 | hsl(216.8,100%,64.5%) |
HSV (or HSB) | 216.8°, 71, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 60.445, 14.089, -61.628 |
---|---|
XYZ | 30.843, 28.62, 98.501 |
xyY | 0.195, 0.181, 28.62 |
CIE-LCH | 60.445, 63.218, 282.877 |
CIE-LUV | 60.445, -27.166, -100.157 |
Hunter-Lab | 53.498, 9.29, -71.717 |
Binary | 01001010, 10010000, 11111111 |
Color Schemes with #4a90ff
Alternatives to #4a90ff
Below, you can see some colors close to #4a90ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4a90ff Preview
This text has a font color of #4a90ff.
<span style="color:#4a90ff;">Text here</span>
This paragraph has a background color of #4a90ff.
<p style="background-color:#4a90ff;">Content here</p>
This element has a border color of #4a90ff.
<div style="border:1px solid #4a90ff;">Content here</div>
.text {color:#4a90ff;}
.background {background-color:#4a90ff;}
.border {border:1px solid #4a90ff;}
Shades and Tints of #4a90ff
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, #00060f is the darkest color, while #fbfcff is the lightest one.
-
#00060f
#00060f
rgb(0,6,15)
-
#000d23
#000d23
rgb(0,13,35)
-
#001536
#001536
rgb(0,21,54)
-
#001d4a
#001d4a
rgb(0,29,74)
-
#00245e
#00245e
rgb(0,36,94)
-
#002c71
#002c71
rgb(0,44,113)
-
#003385
#003385
rgb(0,51,133)
-
#003b98
#003b98
rgb(0,59,152)
-
#0043ac
#0043ac
rgb(0,67,172)
-
#004ac0
#004ac0
rgb(0,74,192)
-
#0052d3
#0052d3
rgb(0,82,211)
-
#0059e7
#0059e7
rgb(0,89,231)
-
#0061fb
#0061fb
rgb(0,97,251)
-
#0f6cff
#0f6cff
rgb(15,108,255)
-
#2378ff
#2378ff
rgb(35,120,255)
-
#3684ff
#3684ff
rgb(54,132,255)
-
#4a90ff
#4a90ff
rgb(74,144,255)
-
#5e9cff
#5e9cff
rgb(94,156,255)
-
#71a8ff
#71a8ff
rgb(113,168,255)
-
#85b4ff
#85b4ff
rgb(133,180,255)
-
#98c0ff
#98c0ff
rgb(152,192,255)
-
#acccff
#acccff
rgb(172,204,255)
-
#c0d8ff
#c0d8ff
rgb(192,216,255)
-
#d3e4ff
#d3e4ff
rgb(211,228,255)
-
#e7f0ff
#e7f0ff
rgb(231,240,255)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #4a90ff
A tone is produced by adding gray to any pure hue. In this case, #9ea3ab is the less saturated color, while #4a90ff is the most saturated one.
-
#9ea3ab
#9ea3ab
rgb(158,163,171)
-
#97a1b2
#97a1b2
rgb(151,161,178)
-
#90a0b9
#90a0b9
rgb(144,160,185)
-
#899ec0
#899ec0
rgb(137,158,192)
-
#829dc7
#829dc7
rgb(130,157,199)
-
#7b9bce
#7b9bce
rgb(123,155,206)
-
#7499d5
#7499d5
rgb(116,153,213)
-
#6d98dc
#6d98dc
rgb(109,152,220)
-
#6696e3
#6696e3
rgb(102,150,227)
-
#5f95ea
#5f95ea
rgb(95,149,234)
-
#5893f1
#5893f1
rgb(88,147,241)
-
#5192f8
#5192f8
rgb(81,146,248)
-
#4a90ff
#4a90ff
rgb(74,144,255)
Color Blindness Simulator
Below, you can see how #4a90ff 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.