#64afe2 Color Information
In a RGB color space, hex #64afe2 is composed of 39.2% red, 68.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 22.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 204.3 degrees, a saturation of 68.5% and a lightness of 63.9%. #64afe2 color hex could be obtained by blending #c8ffff with #005fc5. Closest websafe color is: #6699cc.
-
- R 39
- G 69
- B 89
-
- C 56
- M 23
- Y 0
- K 11
● #64afe2 color description : Soft blue.
#64afe2 Color Conversion
The hexadecimal color #64afe2 has RGB values of R:100, G:175, B:226 and CMYK values of C:0.56, M:0.23, Y:0, K:0.11. Its decimal value is 6598626.
Hex triplet | 64afe2 | #64afe2 |
---|---|---|
RGB Decimal | 100, 175, 226 | rgb(100,175,226) |
RGB Percent | 39.2, 68.6, 88.6 | rgb(39.2%,68.6%,88.6%) |
CMYK | 56, 23, 0, 11 | |
HSL | 204.3°, 68.5, 63.9 | hsl(204.3,68.5%,63.9%) |
HSV (or HSB) | 204.3°, 55.8, 88.6 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 68.648, -8.853, -32.733 |
---|---|
XYZ | 34.31, 38.858, 77.64 |
xyY | 0.228, 0.258, 38.858 |
CIE-LCH | 68.648, 33.909, 254.865 |
CIE-LUV | 68.648, -32.486, -50.82 |
Hunter-Lab | 62.336, -10.843, -30.21 |
Binary | 01100100, 10101111, 11100010 |
Color Schemes with #64afe2
Alternatives to #64afe2
Below, you can see some colors close to #64afe2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#64afe2 Preview
This text has a font color of #64afe2.
<span style="color:#64afe2;">Text here</span>
This paragraph has a background color of #64afe2.
<p style="background-color:#64afe2;">Content here</p>
This element has a border color of #64afe2.
<div style="border:1px solid #64afe2;">Content here</div>
.text {color:#64afe2;}
.background {background-color:#64afe2;}
.border {border:1px solid #64afe2;}
Shades and Tints of #64afe2
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, #02070a is the darkest color, while #f9fcfe is the lightest one.
-
#02070a
#02070a
rgb(2,7,10)
-
#05121b
#05121b
rgb(5,18,27)
-
#081d2b
#081d2b
rgb(8,29,43)
-
#0b283c
#0b283c
rgb(11,40,60)
-
#0e334c
#0e334c
rgb(14,51,76)
-
#113e5d
#113e5d
rgb(17,62,93)
-
#14496d
#14496d
rgb(20,73,109)
-
#18547e
#18547e
rgb(24,84,126)
-
#1b608e
#1b608e
rgb(27,96,142)
-
#1e6b9f
#1e6b9f
rgb(30,107,159)
-
#2176af
#2176af
rgb(33,118,175)
-
#2481c0
#2481c0
rgb(36,129,192)
-
#278cd1
#278cd1
rgb(39,140,209)
-
#3295d9
#3295d9
rgb(50,149,217)
-
#439edc
#439edc
rgb(67,158,220)
-
#53a6df
#53a6df
rgb(83,166,223)
-
#64afe2
#64afe2
rgb(100,175,226)
-
#75b8e5
#75b8e5
rgb(117,184,229)
-
#85c0e8
#85c0e8
rgb(133,192,232)
-
#96c9eb
#96c9eb
rgb(150,201,235)
-
#a6d1ee
#a6d1ee
rgb(166,209,238)
-
#b7daf1
#b7daf1
rgb(183,218,241)
-
#c7e2f5
#c7e2f5
rgb(199,226,245)
-
#d8ebf8
#d8ebf8
rgb(216,235,248)
-
#e8f3fb
#e8f3fb
rgb(232,243,251)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #64afe2
A tone is produced by adding gray to any pure hue. In this case, #9da4a9 is the less saturated color, while #48b4fe is the most saturated one.
-
#9da4a9
#9da4a9
rgb(157,164,169)
-
#96a6b0
#96a6b0
rgb(150,166,176)
-
#8ea7b8
#8ea7b8
rgb(142,167,184)
-
#87a8bf
#87a8bf
rgb(135,168,191)
-
#80aac6
#80aac6
rgb(128,170,198)
-
#79abcd
#79abcd
rgb(121,171,205)
-
#72acd4
#72acd4
rgb(114,172,212)
-
#6baedb
#6baedb
rgb(107,174,219)
-
#64afe2
#64afe2
rgb(100,175,226)
-
#5db0e9
#5db0e9
rgb(93,176,233)
-
#56b2f0
#56b2f0
rgb(86,178,240)
-
#4fb3f7
#4fb3f7
rgb(79,179,247)
-
#48b4fe
#48b4fe
rgb(72,180,254)
Color Blindness Simulator
Below, you can see how #64afe2 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.