#4a7af0 Color Information
In a RGB color space, hex #4a7af0 is composed of 29% red, 47.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 49.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 222.7 degrees, a saturation of 84.7% and a lightness of 61.6%. #4a7af0 color hex could be obtained by blending #94f4ff with #0000e1. Closest websafe color is: #3366ff.
-
- R 29
- G 48
- B 94
-
- C 69
- M 49
- Y 0
- K 6
● #4a7af0 color description : Soft blue.
#4a7af0 Color Conversion
The hexadecimal color #4a7af0 has RGB values of R:74, G:122, B:240 and CMYK values of C:0.69, M:0.49, Y:0, K:0.06. Its decimal value is 4881136.
Hex triplet | 4a7af0 | #4a7af0 |
---|---|---|
RGB Decimal | 74, 122, 240 | rgb(74,122,240) |
RGB Percent | 29, 47.8, 94.1 | rgb(29%,47.8%,94.1%) |
CMYK | 69, 49, 0, 6 | |
HSL | 222.7°, 84.7, 61.6 | hsl(222.7,84.7%,61.6%) |
HSV (or HSB) | 222.7°, 69.2, 94.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 53.669, 22.218, -64.231 |
---|---|
XYZ | 25.508, 21.664, 85.271 |
xyY | 0.193, 0.164, 21.664 |
CIE-LCH | 53.669, 67.965, 289.081 |
CIE-LUV | 53.669, -20.615, -102.38 |
Hunter-Lab | 46.545, 16.37, -76.038 |
Binary | 01001010, 01111010, 11110000 |
Color Schemes with #4a7af0
Alternatives to #4a7af0
Below, you can see some colors close to #4a7af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4a7af0 Preview
This text has a font color of #4a7af0.
<span style="color:#4a7af0;">Text here</span>
This paragraph has a background color of #4a7af0.
<p style="background-color:#4a7af0;">Content here</p>
This element has a border color of #4a7af0.
<div style="border:1px solid #4a7af0;">Content here</div>
.text {color:#4a7af0;}
.background {background-color:#4a7af0;}
.border {border:1px solid #4a7af0;}
Shades and Tints of #4a7af0
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, #000000 is the darkest color, while #edf2fe is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#020612
#020612
rgb(2,6,18)
-
#030d24
#030d24
rgb(3,13,36)
-
#051336
#051336
rgb(5,19,54)
-
#061949
#061949
rgb(6,25,73)
-
#08205b
#08205b
rgb(8,32,91)
-
#09266d
#09266d
rgb(9,38,109)
-
#0b2c7f
#0b2c7f
rgb(11,44,127)
-
#0c3291
#0c3291
rgb(12,50,145)
-
#0e39a3
#0e39a3
rgb(14,57,163)
-
#0f3fb5
#0f3fb5
rgb(15,63,181)
-
#1145c7
#1145c7
rgb(17,69,199)
-
#124cda
#124cda
rgb(18,76,218)
-
#1452eb
#1452eb
rgb(20,82,235)
-
#265fed
#265fed
rgb(38,95,237)
-
#386dee
#386dee
rgb(56,109,238)
-
#4a7af0
#4a7af0
rgb(74,122,240)
-
#5c87f2
#5c87f2
rgb(92,135,242)
-
#6e95f3
#6e95f3
rgb(110,149,243)
-
#80a2f5
#80a2f5
rgb(128,162,245)
-
#92aff6
#92aff6
rgb(146,175,246)
-
#a5bdf8
#a5bdf8
rgb(165,189,248)
-
#b7caf9
#b7caf9
rgb(183,202,249)
-
#c9d7fb
#c9d7fb
rgb(201,215,251)
-
#dbe4fc
#dbe4fc
rgb(219,228,252)
-
#edf2fe
#edf2fe
rgb(237,242,254)
Tones of #4a7af0
A tone is produced by adding gray to any pure hue. In this case, #9d9d9d is the less saturated color, while #4277f8 is the most saturated one.
-
#9d9d9d
#9d9d9d
rgb(157,157,157)
-
#959aa5
#959aa5
rgb(149,154,165)
-
#8e97ac
#8e97ac
rgb(142,151,172)
-
#8693b4
#8693b4
rgb(134,147,180)
-
#7f90bb
#7f90bb
rgb(127,144,187)
-
#778dc3
#778dc3
rgb(119,141,195)
-
#708aca
#708aca
rgb(112,138,202)
-
#6887d2
#6887d2
rgb(104,135,210)
-
#6184d9
#6184d9
rgb(97,132,217)
-
#5980e1
#5980e1
rgb(89,128,225)
-
#527de8
#527de8
rgb(82,125,232)
-
#4a7af0
#4a7af0
rgb(74,122,240)
-
#4277f8
#4277f8
rgb(66,119,248)
Color Blindness Simulator
Below, you can see how #4a7af0 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.