#64a2ff Color Information
In a RGB color space, hex #64a2ff is composed of 39.2% red, 63.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 36.5% magenta, 0% yellow and 0% black. It has a hue angle of 216 degrees, a saturation of 100% and a lightness of 69.6%. #64a2ff color hex could be obtained by blending #c8ffff with #0045ff. Closest websafe color is: #6699ff.
-
- R 39
- G 64
- B 100
-
- C 61
- M 36
- Y 0
- K 0
● #64a2ff color description : Light blue.
#64a2ff Color Conversion
The hexadecimal color #64a2ff has RGB values of R:100, G:162, B:255 and CMYK values of C:0.61, M:0.36, Y:0, K:0. Its decimal value is 6595327.
Hex triplet | 64a2ff | #64a2ff |
---|---|---|
RGB Decimal | 100, 162, 255 | rgb(100,162,255) |
RGB Percent | 39.2, 63.5, 100 | rgb(39.2%,63.5%,100%) |
CMYK | 61, 36, 0, 0 | |
HSL | 216°, 100, 69.6 | hsl(216,100%,69.6%) |
HSV (or HSB) | 216°, 60.8, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.342, 7.582, -52.176 |
---|---|
XYZ | 36.222, 35.768, 99.597 |
xyY | 0.211, 0.208, 35.768 |
CIE-LCH | 66.342, 52.724, 278.268 |
CIE-LUV | 66.342, -27.249, -85.36 |
Hunter-Lab | 59.806, 3.448, -56.873 |
Binary | 01100100, 10100010, 11111111 |
Color Schemes with #64a2ff
Alternatives to #64a2ff
Below, you can see some colors close to #64a2ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#64a2ff Preview
This text has a font color of #64a2ff.
<span style="color:#64a2ff;">Text here</span>
This paragraph has a background color of #64a2ff.
<p style="background-color:#64a2ff;">Content here</p>
This element has a border color of #64a2ff.
<div style="border:1px solid #64a2ff;">Content here</div>
.text {color:#64a2ff;}
.background {background-color:#64a2ff;}
.border {border:1px solid #64a2ff;}
Shades and Tints of #64a2ff
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, #000102 is the darkest color, while #edf4ff is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#000916
#000916
rgb(0,9,22)
-
#001029
#001029
rgb(0,16,41)
-
#00183d
#00183d
rgb(0,24,61)
-
#002050
#002050
rgb(0,32,80)
-
#002864
#002864
rgb(0,40,100)
-
#003078
#003078
rgb(0,48,120)
-
#00388b
#00388b
rgb(0,56,139)
-
#00409f
#00409f
rgb(0,64,159)
-
#0047b2
#0047b2
rgb(0,71,178)
-
#004fc6
#004fc6
rgb(0,79,198)
-
#0057da
#0057da
rgb(0,87,218)
-
#005fed
#005fed
rgb(0,95,237)
-
#0267ff
#0267ff
rgb(2,103,255)
-
#1673ff
#1673ff
rgb(22,115,255)
-
#297fff
#297fff
rgb(41,127,255)
-
#3d8aff
#3d8aff
rgb(61,138,255)
-
#5096ff
#5096ff
rgb(80,150,255)
-
#64a2ff
#64a2ff
rgb(100,162,255)
-
#78aeff
#78aeff
rgb(120,174,255)
-
#8bbaff
#8bbaff
rgb(139,186,255)
-
#9fc5ff
#9fc5ff
rgb(159,197,255)
-
#b2d1ff
#b2d1ff
rgb(178,209,255)
-
#c6ddff
#c6ddff
rgb(198,221,255)
-
#dae9ff
#dae9ff
rgb(218,233,255)
-
#edf4ff
#edf4ff
rgb(237,244,255)
Tones of #64a2ff
A tone is produced by adding gray to any pure hue. In this case, #acb0b7 is the less saturated color, while #64a2ff is the most saturated one.
-
#acb0b7
#acb0b7
rgb(172,176,183)
-
#a6afbd
#a6afbd
rgb(166,175,189)
-
#a0aec3
#a0aec3
rgb(160,174,195)
-
#9aadc9
#9aadc9
rgb(154,173,201)
-
#94accf
#94accf
rgb(148,172,207)
-
#8eaad5
#8eaad5
rgb(142,170,213)
-
#88a9db
#88a9db
rgb(136,169,219)
-
#82a8e1
#82a8e1
rgb(130,168,225)
-
#7ca7e7
#7ca7e7
rgb(124,167,231)
-
#76a6ed
#76a6ed
rgb(118,166,237)
-
#70a4f3
#70a4f3
rgb(112,164,243)
-
#6aa3f9
#6aa3f9
rgb(106,163,249)
-
#64a2ff
#64a2ff
rgb(100,162,255)
Color Blindness Simulator
Below, you can see how #64a2ff 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.