#69a5f9 Color Information
In a RGB color space, hex #69a5f9 is composed of 41.2% red, 64.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 33.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 215 degrees, a saturation of 92.3% and a lightness of 69.4%. #69a5f9 color hex could be obtained by blending #d2ffff with #004bf3. Closest websafe color is: #6699ff.
-
- R 41
- G 65
- B 98
-
- C 58
- M 34
- Y 0
- K 2
● #69a5f9 color description : Soft blue.
#69a5f9 Color Conversion
The hexadecimal color #69a5f9 has RGB values of R:105, G:165, B:249 and CMYK values of C:0.58, M:0.34, Y:0, K:0.02. Its decimal value is 6923769.
Hex triplet | 69a5f9 | #69a5f9 |
---|---|---|
RGB Decimal | 105, 165, 249 | rgb(105,165,249) |
RGB Percent | 41.2, 64.7, 97.6 | rgb(41.2%,64.7%,97.6%) |
CMYK | 58, 34, 0, 2 | |
HSL | 215°, 92.3, 69.4 | hsl(215,92.3%,69.4%) |
HSV (or HSB) | 215°, 57.8, 97.6 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.09, 4.873, -47.714 |
---|---|
XYZ | 36.376, 36.751, 94.794 |
xyY | 0.217, 0.219, 36.751 |
CIE-LCH | 67.09, 47.962, 275.831 |
CIE-LUV | 67.09, -27.022, -77.654 |
Hunter-Lab | 60.623, 1.017, -50.275 |
Binary | 01101001, 10100101, 11111001 |
Color Schemes with #69a5f9
Alternatives to #69a5f9
Below, you can see some colors close to #69a5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#69a5f9 Preview
This text has a font color of #69a5f9.
<span style="color:#69a5f9;">Text here</span>
This paragraph has a background color of #69a5f9.
<p style="background-color:#69a5f9;">Content here</p>
This element has a border color of #69a5f9.
<div style="border:1px solid #69a5f9;">Content here</div>
.text {color:#69a5f9;}
.background {background-color:#69a5f9;}
.border {border:1px solid #69a5f9;}
Shades and Tints of #69a5f9
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, #000001 is the darkest color, while #edf4fe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010914
#010914
rgb(1,9,20)
-
#021127
#021127
rgb(2,17,39)
-
#021939
#021939
rgb(2,25,57)
-
#03224c
#03224c
rgb(3,34,76)
-
#042a5f
#042a5f
rgb(4,42,95)
-
#053272
#053272
rgb(5,50,114)
-
#053a85
#053a85
rgb(5,58,133)
-
#064398
#064398
rgb(6,67,152)
-
#074bab
#074bab
rgb(7,75,171)
-
#0853bd
#0853bd
rgb(8,83,189)
-
#085cd0
#085cd0
rgb(8,92,208)
-
#0964e3
#0964e3
rgb(9,100,227)
-
#0b6cf5
#0b6cf5
rgb(11,108,245)
-
#1e78f6
#1e78f6
rgb(30,120,246)
-
#3083f7
#3083f7
rgb(48,131,247)
-
#438ef7
#438ef7
rgb(67,142,247)
-
#569af8
#569af8
rgb(86,154,248)
-
#69a5f9
#69a5f9
rgb(105,165,249)
-
#7cb0fa
#7cb0fa
rgb(124,176,250)
-
#8fbcfb
#8fbcfb
rgb(143,188,251)
-
#a2c7fb
#a2c7fb
rgb(162,199,251)
-
#b4d2fc
#b4d2fc
rgb(180,210,252)
-
#c7defd
#c7defd
rgb(199,222,253)
-
#dae9fe
#dae9fe
rgb(218,233,254)
-
#edf4fe
#edf4fe
rgb(237,244,254)
Tones of #69a5f9
A tone is produced by adding gray to any pure hue. In this case, #abb0b7 is the less saturated color, while #63a4ff is the most saturated one.
-
#abb0b7
#abb0b7
rgb(171,176,183)
-
#a5afbd
#a5afbd
rgb(165,175,189)
-
#9faec3
#9faec3
rgb(159,174,195)
-
#99adc9
#99adc9
rgb(153,173,201)
-
#93accf
#93accf
rgb(147,172,207)
-
#8dabd5
#8dabd5
rgb(141,171,213)
-
#87aadb
#87aadb
rgb(135,170,219)
-
#81a9e1
#81a9e1
rgb(129,169,225)
-
#7ba8e7
#7ba8e7
rgb(123,168,231)
-
#75a7ed
#75a7ed
rgb(117,167,237)
-
#6fa6f3
#6fa6f3
rgb(111,166,243)
-
#69a5f9
#69a5f9
rgb(105,165,249)
-
#63a4ff
#63a4ff
rgb(99,164,255)
Color Blindness Simulator
Below, you can see how #69a5f9 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.