#69b4f3 Color Information
In a RGB color space, hex #69b4f3 is composed of 41.2% red, 70.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 25.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 207.4 degrees, a saturation of 85.2% and a lightness of 68.2%. #69b4f3 color hex could be obtained by blending #d2ffff with #0069e7. Closest websafe color is: #66ccff.
-
- R 41
- G 71
- B 95
-
- C 57
- M 26
- Y 0
- K 5
● #69b4f3 color description : Soft blue.
#69b4f3 Color Conversion
The hexadecimal color #69b4f3 has RGB values of R:105, G:180, B:243 and CMYK values of C:0.57, M:0.26, Y:0, K:0.05. Its decimal value is 6927603.
Hex triplet | 69b4f3 | #69b4f3 |
---|---|---|
RGB Decimal | 105, 180, 243 | rgb(105,180,243) |
RGB Percent | 41.2, 70.6, 95.3 | rgb(41.2%,70.6%,95.3%) |
CMYK | 57, 26, 0, 5 | |
HSL | 207.4°, 85.2, 68.2 | hsl(207.4,85.2%,68.2%) |
HSV (or HSB) | 207.4°, 56.8, 95.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.95, -5.407, -38.406 |
---|---|
XYZ | 38.321, 42.114, 90.899 |
xyY | 0.224, 0.246, 42.114 |
CIE-LCH | 70.95, 38.785, 261.986 |
CIE-LUV | 70.95, -32.508, -61.135 |
Hunter-Lab | 64.896, -8.163, -37.62 |
Binary | 01101001, 10110100, 11110011 |
Color Schemes with #69b4f3
Alternatives to #69b4f3
Below, you can see some colors close to #69b4f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#69b4f3 Preview
This text has a font color of #69b4f3.
<span style="color:#69b4f3;">Text here</span>
This paragraph has a background color of #69b4f3.
<p style="background-color:#69b4f3;">Content here</p>
This element has a border color of #69b4f3.
<div style="border:1px solid #69b4f3;">Content here</div>
.text {color:#69b4f3;}
.background {background-color:#69b4f3;}
.border {border:1px solid #69b4f3;}
Shades and Tints of #69b4f3
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, #01080d is the darkest color, while #fafdff is the lightest one.
-
#01080d
#01080d
rgb(1,8,13)
-
#031220
#031220
rgb(3,18,32)
-
#041d32
#041d32
rgb(4,29,50)
-
#052744
#052744
rgb(5,39,68)
-
#073256
#073256
rgb(7,50,86)
-
#083c68
#083c68
rgb(8,60,104)
-
#0a477a
#0a477a
rgb(10,71,122)
-
#0b528d
#0b528d
rgb(11,82,141)
-
#0d5c9f
#0d5c9f
rgb(13,92,159)
-
#0e67b1
#0e67b1
rgb(14,103,177)
-
#1071c3
#1071c3
rgb(16,113,195)
-
#117cd5
#117cd5
rgb(17,124,213)
-
#1386e7
#1386e7
rgb(19,134,231)
-
#2090ed
#2090ed
rgb(32,144,237)
-
#3399ef
#3399ef
rgb(51,153,239)
-
#45a2f0
#45a2f0
rgb(69,162,240)
-
#57abf2
#57abf2
rgb(87,171,242)
-
#69b4f3
#69b4f3
rgb(105,180,243)
-
#7bbdf4
#7bbdf4
rgb(123,189,244)
-
#8dc6f6
#8dc6f6
rgb(141,198,246)
-
#9fcff7
#9fcff7
rgb(159,207,247)
-
#b2d8f9
#b2d8f9
rgb(178,216,249)
-
#c4e1fa
#c4e1fa
rgb(196,225,250)
-
#d6eafc
#d6eafc
rgb(214,234,252)
-
#e8f4fd
#e8f4fd
rgb(232,244,253)
-
#fafdff
#fafdff
rgb(250,253,255)
Tones of #69b4f3
A tone is produced by adding gray to any pure hue. In this case, #aeaeae is the less saturated color, while #63b5f9 is the most saturated one.
-
#aeaeae
#aeaeae
rgb(174,174,174)
-
#a7afb5
#a7afb5
rgb(167,175,181)
-
#a1afbb
#a1afbb
rgb(161,175,187)
-
#9bb0c1
#9bb0c1
rgb(155,176,193)
-
#95b0c7
#95b0c7
rgb(149,176,199)
-
#8eb1ce
#8eb1ce
rgb(142,177,206)
-
#88b1d4
#88b1d4
rgb(136,177,212)
-
#82b2da
#82b2da
rgb(130,178,218)
-
#7cb2e0
#7cb2e0
rgb(124,178,224)
-
#75b3e7
#75b3e7
rgb(117,179,231)
-
#6fb3ed
#6fb3ed
rgb(111,179,237)
-
#69b4f3
#69b4f3
rgb(105,180,243)
-
#63b5f9
#63b5f9
rgb(99,181,249)
Color Blindness Simulator
Below, you can see how #69b4f3 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.