#669cf6 Color Information
In a RGB color space, hex #669cf6 is composed of 40% red, 61.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 36.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 217.5 degrees, a saturation of 88.9% and a lightness of 68.2%. #669cf6 color hex could be obtained by blending #ccffff with #0039ed. Closest websafe color is: #6699ff.
-
- R 40
- G 61
- B 96
-
- C 59
- M 37
- Y 0
- K 4
● #669cf6 color description : Soft blue.
#669cf6 Color Conversion
The hexadecimal color #669cf6 has RGB values of R:102, G:156, B:246 and CMYK values of C:0.59, M:0.37, Y:0, K:0.04. Its decimal value is 6724854.
Hex triplet | 669cf6 | #669cf6 |
---|---|---|
RGB Decimal | 102, 156, 246 | rgb(102,156,246) |
RGB Percent | 40, 61.2, 96.5 | rgb(40%,61.2%,96.5%) |
CMYK | 59, 37, 0, 4 | |
HSL | 217.5°, 88.9, 68.2 | hsl(217.5,88.9%,68.2%) |
HSV (or HSB) | 217.5°, 58.5, 96.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 64.366, 8.528, -50.386 |
---|---|
XYZ | 33.999, 33.254, 91.811 |
xyY | 0.214, 0.209, 33.254 |
CIE-LCH | 64.366, 51.103, 279.607 |
CIE-LUV | 64.366, -24.749, -82.04 |
Hunter-Lab | 57.666, 4.325, -54.03 |
Binary | 01100110, 10011100, 11110110 |
Color Schemes with #669cf6
Alternatives to #669cf6
Below, you can see some colors close to #669cf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#669cf6 Preview
This text has a font color of #669cf6.
<span style="color:#669cf6;">Text here</span>
This paragraph has a background color of #669cf6.
<p style="background-color:#669cf6;">Content here</p>
This element has a border color of #669cf6.
<div style="border:1px solid #669cf6;">Content here</div>
.text {color:#669cf6;}
.background {background-color:#669cf6;}
.border {border:1px solid #669cf6;}
Shades and Tints of #669cf6
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, #01060e is the darkest color, while #fafcff is the lightest one.
-
#01060e
#01060e
rgb(1,6,14)
-
#020d20
#020d20
rgb(2,13,32)
-
#031533
#031533
rgb(3,21,51)
-
#041d45
#041d45
rgb(4,29,69)
-
#052458
#052458
rgb(5,36,88)
-
#062c6a
#062c6a
rgb(6,44,106)
-
#07337d
#07337d
rgb(7,51,125)
-
#083b8f
#083b8f
rgb(8,59,143)
-
#0a43a2
#0a43a2
rgb(10,67,162)
-
#0b4ab4
#0b4ab4
rgb(11,74,180)
-
#0c52c7
#0c52c7
rgb(12,82,199)
-
#0d5ada
#0d5ada
rgb(13,90,218)
-
#0e61ec
#0e61ec
rgb(14,97,236)
-
#1c6cf2
#1c6cf2
rgb(28,108,242)
-
#2e78f3
#2e78f3
rgb(46,120,243)
-
#4184f4
#4184f4
rgb(65,132,244)
-
#5390f5
#5390f5
rgb(83,144,245)
-
#669cf6
#669cf6
rgb(102,156,246)
-
#79a8f7
#79a8f7
rgb(121,168,247)
-
#8bb4f8
#8bb4f8
rgb(139,180,248)
-
#9ec0f9
#9ec0f9
rgb(158,192,249)
-
#b0ccfa
#b0ccfa
rgb(176,204,250)
-
#c3d8fb
#c3d8fb
rgb(195,216,251)
-
#d5e4fd
#d5e4fd
rgb(213,228,253)
-
#e8f0fe
#e8f0fe
rgb(232,240,254)
-
#fafcff
#fafcff
rgb(250,252,255)
Tones of #669cf6
A tone is produced by adding gray to any pure hue. In this case, #abadb1 is the less saturated color, while #609afc is the most saturated one.
-
#abadb1
#abadb1
rgb(171,173,177)
-
#a4acb8
#a4acb8
rgb(164,172,184)
-
#9eaabe
#9eaabe
rgb(158,170,190)
-
#98a8c4
#98a8c4
rgb(152,168,196)
-
#92a7ca
#92a7ca
rgb(146,167,202)
-
#8ba5d1
#8ba5d1
rgb(139,165,209)
-
#85a4d7
#85a4d7
rgb(133,164,215)
-
#7fa2dd
#7fa2dd
rgb(127,162,221)
-
#79a1e3
#79a1e3
rgb(121,161,227)
-
#729fea
#729fea
rgb(114,159,234)
-
#6c9ef0
#6c9ef0
rgb(108,158,240)
-
#669cf6
#669cf6
rgb(102,156,246)
-
#609afc
#609afc
rgb(96,154,252)
Color Blindness Simulator
Below, you can see how #669cf6 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.