#66a2f2 Color Information
In a RGB color space, hex #66a2f2 is composed of 40% red, 63.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 33.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 214.3 degrees, a saturation of 84.3% and a lightness of 67.5%. #66a2f2 color hex could be obtained by blending #ccffff with #0045e5. Closest websafe color is: #6699ff.
-
- R 40
- G 64
- B 95
-
- C 58
- M 33
- Y 0
- K 5
● #66a2f2 color description : Soft blue.
#66a2f2 Color Conversion
The hexadecimal color #66a2f2 has RGB values of R:102, G:162, B:242 and CMYK values of C:0.58, M:0.33, Y:0, K:0.05. Its decimal value is 6726386.
Hex triplet | 66a2f2 | #66a2f2 |
---|---|---|
RGB Decimal | 102, 162, 242 | rgb(102,162,242) |
RGB Percent | 40, 63.5, 94.9 | rgb(40%,63.5%,94.9%) |
CMYK | 58, 33, 0, 5 | |
HSL | 214.3°, 84.3, 67.5 | hsl(214.3,84.3%,67.5%) |
HSV (or HSB) | 214.3°, 57.9, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.806, 3.789, -45.923 |
---|---|
XYZ | 34.423, 35.074, 88.956 |
xyY | 0.217, 0.221, 35.074 |
CIE-LCH | 65.806, 46.079, 274.717 |
CIE-LUV | 65.806, -26.883, -74.273 |
Hunter-Lab | 59.223, 0.111, -47.599 |
Binary | 01100110, 10100010, 11110010 |
Color Schemes with #66a2f2
Alternatives to #66a2f2
Below, you can see some colors close to #66a2f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66a2f2 Preview
This text has a font color of #66a2f2.
<span style="color:#66a2f2;">Text here</span>
This paragraph has a background color of #66a2f2.
<p style="background-color:#66a2f2;">Content here</p>
This element has a border color of #66a2f2.
<div style="border:1px solid #66a2f2;">Content here</div>
.text {color:#66a2f2;}
.background {background-color:#66a2f2;}
.border {border:1px solid #66a2f2;}
Shades and Tints of #66a2f2
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)
-
#020d1c
#020d1c
rgb(2,13,28)
-
#04162e
#04162e
rgb(4,22,46)
-
#051f40
#051f40
rgb(5,31,64)
-
#072752
#072752
rgb(7,39,82)
-
#093064
#093064
rgb(9,48,100)
-
#0a3876
#0a3876
rgb(10,56,118)
-
#0c4188
#0c4188
rgb(12,65,136)
-
#0d4a9a
#0d4a9a
rgb(13,74,154)
-
#0f52ac
#0f52ac
rgb(15,82,172)
-
#105bbf
#105bbf
rgb(16,91,191)
-
#1264d1
#1264d1
rgb(18,100,209)
-
#136ce3
#136ce3
rgb(19,108,227)
-
#1e76ec
#1e76ec
rgb(30,118,236)
-
#3081ed
#3081ed
rgb(48,129,237)
-
#428cef
#428cef
rgb(66,140,239)
-
#5497f0
#5497f0
rgb(84,151,240)
-
#66a2f2
#66a2f2
rgb(102,162,242)
-
#78adf4
#78adf4
rgb(120,173,244)
-
#8ab8f5
#8ab8f5
rgb(138,184,245)
-
#9cc3f7
#9cc3f7
rgb(156,195,247)
-
#aecef8
#aecef8
rgb(174,206,248)
-
#c0d9fa
#c0d9fa
rgb(192,217,250)
-
#d2e4fb
#d2e4fb
rgb(210,228,251)
-
#e5effd
#e5effd
rgb(229,239,253)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #66a2f2
A tone is produced by adding gray to any pure hue. In this case, #a6abb2 is the less saturated color, while #59a0ff is the most saturated one.
-
#a6abb2
#a6abb2
rgb(166,171,178)
-
#9faab9
#9faab9
rgb(159,170,185)
-
#99a9bf
#99a9bf
rgb(153,169,191)
-
#93a8c5
#93a8c5
rgb(147,168,197)
-
#8ca7cc
#8ca7cc
rgb(140,167,204)
-
#86a7d2
#86a7d2
rgb(134,167,210)
-
#80a6d8
#80a6d8
rgb(128,166,216)
-
#79a5df
#79a5df
rgb(121,165,223)
-
#73a4e5
#73a4e5
rgb(115,164,229)
-
#6ca3ec
#6ca3ec
rgb(108,163,236)
-
#66a2f2
#66a2f2
rgb(102,162,242)
-
#60a1f8
#60a1f8
rgb(96,161,248)
-
#59a0ff
#59a0ff
rgb(89,160,255)
Color Blindness Simulator
Below, you can see how #66a2f2 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.