#456af2 Color Information
In a RGB color space, hex #456af2 is composed of 27.1% red, 41.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 56.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 227.2 degrees, a saturation of 86.9% and a lightness of 61%. #456af2 color hex could be obtained by blending #8ad4ff with #0000e5. Closest websafe color is: #3366ff.
-
- R 27
- G 42
- B 95
-
- C 71
- M 56
- Y 0
- K 5
● #456af2 color description : Bright blue.
#456af2 Color Conversion
The hexadecimal color #456af2 has RGB values of R:69, G:106, B:242 and CMYK values of C:0.71, M:0.56, Y:0, K:0.05. Its decimal value is 4549362.
Hex triplet | 456af2 | #456af2 |
---|---|---|
RGB Decimal | 69, 106, 242 | rgb(69,106,242) |
RGB Percent | 27.1, 41.6, 94.9 | rgb(27.1%,41.6%,94.9%) |
CMYK | 71, 56, 0, 5 | |
HSL | 227.2°, 86.9, 61 | hsl(227.2,86.9%,61%) |
HSV (or HSB) | 227.2°, 71.5, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.475, 32.186, -72.147 |
---|---|
XYZ | 23.632, 17.983, 86.225 |
xyY | 0.185, 0.141, 17.983 |
CIE-LCH | 49.475, 79.001, 294.042 |
CIE-LUV | 49.475, -17.114, -112.663 |
Hunter-Lab | 42.406, 25.264, -90.872 |
Binary | 01000101, 01101010, 11110010 |
Color Schemes with #456af2
Alternatives to #456af2
Below, you can see some colors close to #456af2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#456af2 Preview
This text has a font color of #456af2.
<span style="color:#456af2;">Text here</span>
This paragraph has a background color of #456af2.
<p style="background-color:#456af2;">Content here</p>
This element has a border color of #456af2.
<div style="border:1px solid #456af2;">Content here</div>
.text {color:#456af2;}
.background {background-color:#456af2;}
.border {border:1px solid #456af2;}
Shades and Tints of #456af2
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, #010410 is the darkest color, while #fcfdff is the lightest one.
-
#010410
#010410
rgb(1,4,16)
-
#020922
#020922
rgb(2,9,34)
-
#040e34
#040e34
rgb(4,14,52)
-
#051347
#051347
rgb(5,19,71)
-
#061859
#061859
rgb(6,24,89)
-
#081d6b
#081d6b
rgb(8,29,107)
-
#09227e
#09227e
rgb(9,34,126)
-
#0a2790
#0a2790
rgb(10,39,144)
-
#0b2ca2
#0b2ca2
rgb(11,44,162)
-
#0d31b5
#0d31b5
rgb(13,49,181)
-
#0e35c7
#0e35c7
rgb(14,53,199)
-
#0f3ad9
#0f3ad9
rgb(15,58,217)
-
#103fec
#103fec
rgb(16,63,236)
-
#204def
#204def
rgb(32,77,239)
-
#335bf1
#335bf1
rgb(51,91,241)
-
#456af2
#456af2
rgb(69,106,242)
-
#5779f3
#5779f3
rgb(87,121,243)
-
#6a87f5
#6a87f5
rgb(106,135,245)
-
#7c96f6
#7c96f6
rgb(124,150,246)
-
#8ea5f7
#8ea5f7
rgb(142,165,247)
-
#a1b3f8
#a1b3f8
rgb(161,179,248)
-
#b3c2fa
#b3c2fa
rgb(179,194,250)
-
#c5d1fb
#c5d1fb
rgb(197,209,251)
-
#d8dffc
#d8dffc
rgb(216,223,252)
-
#eaeefe
#eaeefe
rgb(234,238,254)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #456af2
A tone is produced by adding gray to any pure hue. In this case, #999a9e is the less saturated color, while #3d66fa is the most saturated one.
-
#999a9e
#999a9e
rgb(153,154,158)
-
#9296a5
#9296a5
rgb(146,150,165)
-
#8a91ad
#8a91ad
rgb(138,145,173)
-
#828db5
#828db5
rgb(130,141,181)
-
#7b89bc
#7b89bc
rgb(123,137,188)
-
#7384c4
#7384c4
rgb(115,132,196)
-
#6b80cc
#6b80cc
rgb(107,128,204)
-
#647cd3
#647cd3
rgb(100,124,211)
-
#5c77db
#5c77db
rgb(92,119,219)
-
#5473e3
#5473e3
rgb(84,115,227)
-
#4d6eea
#4d6eea
rgb(77,110,234)
-
#456af2
#456af2
rgb(69,106,242)
-
#3d66fa
#3d66fa
rgb(61,102,250)
Color Blindness Simulator
Below, you can see how #456af2 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.