#69b5f4 Color Information
In a RGB color space, hex #69b5f4 is composed of 41.2% red, 71% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 25.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 207.2 degrees, a saturation of 86.3% and a lightness of 68.4%. #69b5f4 color hex could be obtained by blending #d2ffff with #006be9. Closest websafe color is: #66ccff.
-
- R 41
- G 71
- B 96
-
- C 57
- M 26
- Y 0
- K 4
● #69b5f4 color description : Soft blue.
#69b5f4 Color Conversion
The hexadecimal color #69b5f4 has RGB values of R:105, G:181, B:244 and CMYK values of C:0.57, M:0.26, Y:0, K:0.04. Its decimal value is 6927860.
Hex triplet | 69b5f4 | #69b5f4 |
---|---|---|
RGB Decimal | 105, 181, 244 | rgb(105,181,244) |
RGB Percent | 41.2, 71, 95.7 | rgb(41.2%,71%,95.7%) |
CMYK | 57, 26, 0, 4 | |
HSL | 207.2°, 86.3, 68.4 | hsl(207.2,86.3%,68.4%) |
HSV (or HSB) | 207.2°, 57, 95.7 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.269, -5.65, -38.451 |
---|---|
XYZ | 38.675, 42.58, 91.764 |
xyY | 0.224, 0.246, 42.58 |
CIE-LCH | 71.269, 38.864, 261.641 |
CIE-LUV | 71.269, -32.849, -61.218 |
Hunter-Lab | 65.254, -8.399, -37.7 |
Binary | 01101001, 10110101, 11110100 |
Color Schemes with #69b5f4
Alternatives to #69b5f4
Below, you can see some colors close to #69b5f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#69b5f4 Preview
This text has a font color of #69b5f4.
<span style="color:#69b5f4;">Text here</span>
This paragraph has a background color of #69b5f4.
<p style="background-color:#69b5f4;">Content here</p>
This element has a border color of #69b5f4.
<div style="border:1px solid #69b5f4;">Content here</div>
.text {color:#69b5f4;}
.background {background-color:#69b5f4;}
.border {border:1px solid #69b5f4;}
Shades and Tints of #69b5f4
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, #01080e is the darkest color, while #fbfdff is the lightest one.
-
#01080e
#01080e
rgb(1,8,14)
-
#021321
#021321
rgb(2,19,33)
-
#041e33
#041e33
rgb(4,30,51)
-
#052845
#052845
rgb(5,40,69)
-
#063358
#063358
rgb(6,51,88)
-
#083d6a
#083d6a
rgb(8,61,106)
-
#09487c
#09487c
rgb(9,72,124)
-
#0a538e
#0a538e
rgb(10,83,142)
-
#0c5da1
#0c5da1
rgb(12,93,161)
-
#0d68b3
#0d68b3
rgb(13,104,179)
-
#0e72c5
#0e72c5
rgb(14,114,197)
-
#107dd8
#107dd8
rgb(16,125,216)
-
#1188ea
#1188ea
rgb(17,136,234)
-
#2091ef
#2091ef
rgb(32,145,239)
-
#329af0
#329af0
rgb(50,154,240)
-
#44a3f1
#44a3f1
rgb(68,163,241)
-
#57acf3
#57acf3
rgb(87,172,243)
-
#69b5f4
#69b5f4
rgb(105,181,244)
-
#7bbef5
#7bbef5
rgb(123,190,245)
-
#8ec7f7
#8ec7f7
rgb(142,199,247)
-
#a0d0f8
#a0d0f8
rgb(160,208,248)
-
#b2d9f9
#b2d9f9
rgb(178,217,249)
-
#c4e2fb
#c4e2fb
rgb(196,226,251)
-
#d7ebfc
#d7ebfc
rgb(215,235,252)
-
#e9f4fd
#e9f4fd
rgb(233,244,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #69b5f4
A tone is produced by adding gray to any pure hue. In this case, #adafb0 is the less saturated color, while #63b6fa is the most saturated one.
-
#adafb0
#adafb0
rgb(173,175,176)
-
#a7afb6
#a7afb6
rgb(167,175,182)
-
#a1b0bc
#a1b0bc
rgb(161,176,188)
-
#9bb0c2
#9bb0c2
rgb(155,176,194)
-
#94b1c9
#94b1c9
rgb(148,177,201)
-
#8eb2cf
#8eb2cf
rgb(142,178,207)
-
#88b2d5
#88b2d5
rgb(136,178,213)
-
#82b3db
#82b3db
rgb(130,179,219)
-
#7cb3e1
#7cb3e1
rgb(124,179,225)
-
#75b4e8
#75b4e8
rgb(117,180,232)
-
#6fb4ee
#6fb4ee
rgb(111,180,238)
-
#69b5f4
#69b5f4
rgb(105,181,244)
-
#63b6fa
#63b6fa
rgb(99,182,250)
Color Blindness Simulator
Below, you can see how #69b5f4 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.