#66a5f2 Color Information
In a RGB color space, hex #66a5f2 is composed of 40% red, 64.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 31.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 213 degrees, a saturation of 84.3% and a lightness of 67.5%. #66a5f2 color hex could be obtained by blending #ccffff with #004be5. Closest websafe color is: #6699ff.
-
- R 40
- G 65
- B 95
-
- C 58
- M 32
- Y 0
- K 5
● #66a5f2 color description : Soft blue.
#66a5f2 Color Conversion
The hexadecimal color #66a5f2 has RGB values of R:102, G:165, B:242 and CMYK values of C:0.58, M:0.32, Y:0, K:0.05. Its decimal value is 6727154.
Hex triplet | 66a5f2 | #66a5f2 |
---|---|---|
RGB Decimal | 102, 165, 242 | rgb(102,165,242) |
RGB Percent | 40, 64.7, 94.9 | rgb(40%,64.7%,94.9%) |
CMYK | 58, 32, 0, 5 | |
HSL | 213°, 84.3, 67.5 | hsl(213,84.3%,67.5%) |
HSV (or HSB) | 213°, 57.9, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.63, 2.077, -44.628 |
---|---|
XYZ | 34.958, 36.144, 89.134 |
xyY | 0.218, 0.226, 36.144 |
CIE-LCH | 66.63, 44.676, 272.664 |
CIE-LUV | 66.63, -27.946, -72.025 |
Hunter-Lab | 60.12, -1.416, -45.82 |
Binary | 01100110, 10100101, 11110010 |
Color Schemes with #66a5f2
Alternatives to #66a5f2
Below, you can see some colors close to #66a5f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66a5f2 Preview
This text has a font color of #66a5f2.
<span style="color:#66a5f2;">Text here</span>
This paragraph has a background color of #66a5f2.
<p style="background-color:#66a5f2;">Content here</p>
This element has a border color of #66a5f2.
<div style="border:1px solid #66a5f2;">Content here</div>
.text {color:#66a5f2;}
.background {background-color:#66a5f2;}
.border {border:1px solid #66a5f2;}
Shades and Tints of #66a5f2
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, #01050a is the darkest color, while #f7fafe is the lightest one.
-
#01050a
#01050a
rgb(1,5,10)
-
#020e1c
#020e1c
rgb(2,14,28)
-
#04172e
#04172e
rgb(4,23,46)
-
#052040
#052040
rgb(5,32,64)
-
#072952
#072952
rgb(7,41,82)
-
#093264
#093264
rgb(9,50,100)
-
#0a3b76
#0a3b76
rgb(10,59,118)
-
#0c4488
#0c4488
rgb(12,68,136)
-
#0d4d9a
#0d4d9a
rgb(13,77,154)
-
#0f56ac
#0f56ac
rgb(15,86,172)
-
#105fbf
#105fbf
rgb(16,95,191)
-
#1268d1
#1268d1
rgb(18,104,209)
-
#1371e3
#1371e3
rgb(19,113,227)
-
#1e7aec
#1e7aec
rgb(30,122,236)
-
#3085ed
#3085ed
rgb(48,133,237)
-
#4290ef
#4290ef
rgb(66,144,239)
-
#549af0
#549af0
rgb(84,154,240)
-
#66a5f2
#66a5f2
rgb(102,165,242)
-
#78b0f4
#78b0f4
rgb(120,176,244)
-
#8abaf5
#8abaf5
rgb(138,186,245)
-
#9cc5f7
#9cc5f7
rgb(156,197,247)
-
#aed0f8
#aed0f8
rgb(174,208,248)
-
#c0dafa
#c0dafa
rgb(192,218,250)
-
#d2e5fb
#d2e5fb
rgb(210,229,251)
-
#e5effd
#e5effd
rgb(229,239,253)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #66a5f2
A tone is produced by adding gray to any pure hue. In this case, #a6abb2 is the less saturated color, while #59a4ff is the most saturated one.
-
#a6abb2
#a6abb2
rgb(166,171,178)
-
#9fabb9
#9fabb9
rgb(159,171,185)
-
#99aabf
#99aabf
rgb(153,170,191)
-
#93a9c5
#93a9c5
rgb(147,169,197)
-
#8ca9cc
#8ca9cc
rgb(140,169,204)
-
#86a8d2
#86a8d2
rgb(134,168,210)
-
#80a8d8
#80a8d8
rgb(128,168,216)
-
#79a7df
#79a7df
rgb(121,167,223)
-
#73a6e5
#73a6e5
rgb(115,166,229)
-
#6ca6ec
#6ca6ec
rgb(108,166,236)
-
#66a5f2
#66a5f2
rgb(102,165,242)
-
#60a4f8
#60a4f8
rgb(96,164,248)
-
#59a4ff
#59a4ff
rgb(89,164,255)
Color Blindness Simulator
Below, you can see how #66a5f2 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.