#69a4fd Color Information
In a RGB color space, hex #69a4fd is composed of 41.2% red, 64.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 35.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.1 degrees, a saturation of 97.4% and a lightness of 70.2%. #69a4fd color hex could be obtained by blending #d2ffff with #0049fb. Closest websafe color is: #6699ff.
-
- R 41
- G 64
- B 99
-
- C 58
- M 35
- Y 0
- K 1
● #69a4fd color description : Soft blue.
#69a4fd Color Conversion
The hexadecimal color #69a4fd has RGB values of R:105, G:164, B:253 and CMYK values of C:0.58, M:0.35, Y:0, K:0.01. Its decimal value is 6923517.
Hex triplet | 69a4fd | #69a4fd |
---|---|---|
RGB Decimal | 105, 164, 253 | rgb(105,164,253) |
RGB Percent | 41.2, 64.3, 99.2 | rgb(41.2%,64.3%,99.2%) |
CMYK | 58, 35, 0, 1 | |
HSL | 216.1°, 97.4, 70.2 | hsl(216.1,97.4%,70.2%) |
HSV (or HSB) | 216.1°, 58.5, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.009, 6.715, -50.019 |
---|---|
XYZ | 36.827, 36.644, 98.055 |
xyY | 0.215, 0.214, 36.644 |
CIE-LCH | 67.009, 50.468, 277.646 |
CIE-LUV | 67.009, -26.629, -81.751 |
Hunter-Lab | 60.534, 2.658, -53.666 |
Binary | 01101001, 10100100, 11111101 |
Color Schemes with #69a4fd
Alternatives to #69a4fd
Below, you can see some colors close to #69a4fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#69a4fd Preview
This text has a font color of #69a4fd.
<span style="color:#69a4fd;">Text here</span>
This paragraph has a background color of #69a4fd.
<p style="background-color:#69a4fd;">Content here</p>
This element has a border color of #69a4fd.
<div style="border:1px solid #69a4fd;">Content here</div>
.text {color:#69a4fd;}
.background {background-color:#69a4fd;}
.border {border:1px solid #69a4fd;}
Shades and Tints of #69a4fd
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)
-
#000a18
#000a18
rgb(0,10,24)
-
#01122c
#01122c
rgb(1,18,44)
-
#011a3f
#011a3f
rgb(1,26,63)
-
#012152
#012152
rgb(1,33,82)
-
#012966
#012966
rgb(1,41,102)
-
#023179
#023179
rgb(2,49,121)
-
#02398c
#02398c
rgb(2,57,140)
-
#0241a0
#0241a0
rgb(2,65,160)
-
#0249b3
#0249b3
rgb(2,73,179)
-
#0351c6
#0351c6
rgb(3,81,198)
-
#0359da
#0359da
rgb(3,89,218)
-
#0360ed
#0360ed
rgb(3,96,237)
-
#0869fc
#0869fc
rgb(8,105,252)
-
#1c75fc
#1c75fc
rgb(28,117,252)
-
#2f81fc
#2f81fc
rgb(47,129,252)
-
#428dfc
#428dfc
rgb(66,141,252)
-
#5698fd
#5698fd
rgb(86,152,253)
-
#69a4fd
#69a4fd
rgb(105,164,253)
-
#7cb0fd
#7cb0fd
rgb(124,176,253)
-
#90bbfe
#90bbfe
rgb(144,187,254)
-
#a3c7fe
#a3c7fe
rgb(163,199,254)
-
#b6d3fe
#b6d3fe
rgb(182,211,254)
-
#cadffe
#cadffe
rgb(202,223,254)
-
#ddeaff
#ddeaff
rgb(221,234,255)
-
#f1f6ff
#f1f6ff
rgb(241,246,255)
Tones of #69a4fd
A tone is produced by adding gray to any pure hue. In this case, #afb2b7 is the less saturated color, while #69a4fd is the most saturated one.
-
#afb2b7
#afb2b7
rgb(175,178,183)
-
#a9b1bd
#a9b1bd
rgb(169,177,189)
-
#a3b0c3
#a3b0c3
rgb(163,176,195)
-
#9eafc8
#9eafc8
rgb(158,175,200)
-
#98adce
#98adce
rgb(152,173,206)
-
#92acd4
#92acd4
rgb(146,172,212)
-
#8cabda
#8cabda
rgb(140,171,218)
-
#86aae0
#86aae0
rgb(134,170,224)
-
#80a9e6
#80a9e6
rgb(128,169,230)
-
#7ba8eb
#7ba8eb
rgb(123,168,235)
-
#75a6f1
#75a6f1
rgb(117,166,241)
-
#6fa5f7
#6fa5f7
rgb(111,165,247)
-
#69a4fd
#69a4fd
rgb(105,164,253)
Color Blindness Simulator
Below, you can see how #69a4fd 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.