#69a1fd Color Information
In a RGB color space, hex #69a1fd is composed of 41.2% red, 63.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 36.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.3 degrees, a saturation of 97.4% and a lightness of 70.2%. #69a1fd color hex could be obtained by blending #d2ffff with #0043fb. Closest websafe color is: #6699ff.
-
- R 41
- G 63
- B 99
-
- C 58
- M 36
- Y 0
- K 1
● #69a1fd color description : Soft blue.
#69a1fd Color Conversion
The hexadecimal color #69a1fd has RGB values of R:105, G:161, B:253 and CMYK values of C:0.58, M:0.36, Y:0, K:0.01. Its decimal value is 6922749.
Hex triplet | 69a1fd | #69a1fd |
---|---|---|
RGB Decimal | 105, 161, 253 | rgb(105,161,253) |
RGB Percent | 41.2, 63.1, 99.2 | rgb(41.2%,63.1%,99.2%) |
CMYK | 58, 36, 0, 1 | |
HSL | 217.3°, 97.4, 70.2 | hsl(217.3,97.4%,70.2%) |
HSV (or HSB) | 217.3°, 58.5, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.2, 8.443, -51.298 |
---|---|
XYZ | 36.296, 35.583, 97.879 |
xyY | 0.214, 0.21, 35.583 |
CIE-LCH | 66.2, 51.988, 279.347 |
CIE-LUV | 66.2, -25.592, -83.945 |
Hunter-Lab | 59.651, 4.223, -55.53 |
Binary | 01101001, 10100001, 11111101 |
Color Schemes with #69a1fd
Alternatives to #69a1fd
Below, you can see some colors close to #69a1fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#69a1fd Preview
This text has a font color of #69a1fd.
<span style="color:#69a1fd;">Text here</span>
This paragraph has a background color of #69a1fd.
<p style="background-color:#69a1fd;">Content here</p>
This element has a border color of #69a1fd.
<div style="border:1px solid #69a1fd;">Content here</div>
.text {color:#69a1fd;}
.background {background-color:#69a1fd;}
.border {border:1px solid #69a1fd;}
Shades and Tints of #69a1fd
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, #000205 is the darkest color, while #f1f6ff is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#000918
#000918
rgb(0,9,24)
-
#01112c
#01112c
rgb(1,17,44)
-
#01183f
#01183f
rgb(1,24,63)
-
#012052
#012052
rgb(1,32,82)
-
#012766
#012766
rgb(1,39,102)
-
#022f79
#022f79
rgb(2,47,121)
-
#02368c
#02368c
rgb(2,54,140)
-
#023ea0
#023ea0
rgb(2,62,160)
-
#0245b3
#0245b3
rgb(2,69,179)
-
#034dc6
#034dc6
rgb(3,77,198)
-
#0354da
#0354da
rgb(3,84,218)
-
#035ced
#035ced
rgb(3,92,237)
-
#0864fc
#0864fc
rgb(8,100,252)
-
#1c70fc
#1c70fc
rgb(28,112,252)
-
#2f7dfc
#2f7dfc
rgb(47,125,252)
-
#4289fc
#4289fc
rgb(66,137,252)
-
#5695fd
#5695fd
rgb(86,149,253)
-
#69a1fd
#69a1fd
rgb(105,161,253)
-
#7cadfd
#7cadfd
rgb(124,173,253)
-
#90b9fe
#90b9fe
rgb(144,185,254)
-
#a3c5fe
#a3c5fe
rgb(163,197,254)
-
#b6d2fe
#b6d2fe
rgb(182,210,254)
-
#cadefe
#cadefe
rgb(202,222,254)
-
#ddeaff
#ddeaff
rgb(221,234,255)
-
#f1f6ff
#f1f6ff
rgb(241,246,255)
Tones of #69a1fd
A tone is produced by adding gray to any pure hue. In this case, #afb2b7 is the less saturated color, while #69a1fd is the most saturated one.
-
#afb2b7
#afb2b7
rgb(175,178,183)
-
#a9b1bd
#a9b1bd
rgb(169,177,189)
-
#a3afc3
#a3afc3
rgb(163,175,195)
-
#9eaec8
#9eaec8
rgb(158,174,200)
-
#98acce
#98acce
rgb(152,172,206)
-
#92abd4
#92abd4
rgb(146,171,212)
-
#8caada
#8caada
rgb(140,170,218)
-
#86a8e0
#86a8e0
rgb(134,168,224)
-
#80a7e6
#80a7e6
rgb(128,167,230)
-
#7ba5eb
#7ba5eb
rgb(123,165,235)
-
#75a4f1
#75a4f1
rgb(117,164,241)
-
#6fa2f7
#6fa2f7
rgb(111,162,247)
-
#69a1fd
#69a1fd
rgb(105,161,253)
Color Blindness Simulator
Below, you can see how #69a1fd 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.