#69b7f5 Color Information
In a RGB color space, hex #69b7f5 is composed of 41.2% red, 71.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 25.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 206.6 degrees, a saturation of 87.5% and a lightness of 68.6%. #69b7f5 color hex could be obtained by blending #d2ffff with #006feb. Closest websafe color is: #66ccff.
-
- R 41
- G 72
- B 96
-
- C 57
- M 25
- Y 0
- K 4
● #69b7f5 color description : Soft blue.
#69b7f5 Color Conversion
The hexadecimal color #69b7f5 has RGB values of R:105, G:183, B:245 and CMYK values of C:0.57, M:0.25, Y:0, K:0.04. Its decimal value is 6928373.
Hex triplet | 69b7f5 | #69b7f5 |
---|---|---|
RGB Decimal | 105, 183, 245 | rgb(105,183,245) |
RGB Percent | 41.2, 71.8, 96.1 | rgb(41.2%,71.8%,96.1%) |
CMYK | 57, 25, 0, 4 | |
HSL | 206.6°, 87.5, 68.6 | hsl(206.6,87.5%,68.6%) |
HSV (or HSB) | 206.6°, 57.1, 96.1 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.866, -6.438, -38.063 |
---|---|
XYZ | 39.237, 43.46, 92.702 |
xyY | 0.224, 0.248, 43.46 |
CIE-LCH | 71.866, 38.604, 260.399 |
CIE-LUV | 71.866, -33.553, -60.525 |
Hunter-Lab | 65.924, -9.129, -37.226 |
Binary | 01101001, 10110111, 11110101 |
Color Schemes with #69b7f5
Alternatives to #69b7f5
Below, you can see some colors close to #69b7f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#69b7f5 Preview
This text has a font color of #69b7f5.
<span style="color:#69b7f5;">Text here</span>
This paragraph has a background color of #69b7f5.
<p style="background-color:#69b7f5;">Content here</p>
This element has a border color of #69b7f5.
<div style="border:1px solid #69b7f5;">Content here</div>
.text {color:#69b7f5;}
.background {background-color:#69b7f5;}
.border {border:1px solid #69b7f5;}
Shades and Tints of #69b7f5
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, #010910 is the darkest color, while #fcfeff is the lightest one.
-
#010910
#010910
rgb(1,9,16)
-
#021422
#021422
rgb(2,20,34)
-
#031f34
#031f34
rgb(3,31,52)
-
#052947
#052947
rgb(5,41,71)
-
#063459
#063459
rgb(6,52,89)
-
#073f6b
#073f6b
rgb(7,63,107)
-
#084a7e
#084a7e
rgb(8,74,126)
-
#0a5590
#0a5590
rgb(10,85,144)
-
#0b5fa3
#0b5fa3
rgb(11,95,163)
-
#0c6ab5
#0c6ab5
rgb(12,106,181)
-
#0d75c7
#0d75c7
rgb(13,117,199)
-
#0f80da
#0f80da
rgb(15,128,218)
-
#108bec
#108bec
rgb(16,139,236)
-
#1f94f0
#1f94f0
rgb(31,148,240)
-
#329df1
#329df1
rgb(50,157,241)
-
#44a5f3
#44a5f3
rgb(68,165,243)
-
#57aef4
#57aef4
rgb(87,174,244)
-
#69b7f5
#69b7f5
rgb(105,183,245)
-
#7bc0f6
#7bc0f6
rgb(123,192,246)
-
#8ec9f7
#8ec9f7
rgb(142,201,247)
-
#a0d1f9
#a0d1f9
rgb(160,209,249)
-
#b3dafa
#b3dafa
rgb(179,218,250)
-
#c5e3fb
#c5e3fb
rgb(197,227,251)
-
#d7ecfc
#d7ecfc
rgb(215,236,252)
-
#eaf5fe
#eaf5fe
rgb(234,245,254)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #69b7f5
A tone is produced by adding gray to any pure hue. In this case, #adafb1 is the less saturated color, while #63b8fb is the most saturated one.
-
#adafb1
#adafb1
rgb(173,175,177)
-
#a7b0b7
#a7b0b7
rgb(167,176,183)
-
#a0b1be
#a0b1be
rgb(160,177,190)
-
#9ab1c4
#9ab1c4
rgb(154,177,196)
-
#94b2ca
#94b2ca
rgb(148,178,202)
-
#8eb3d0
#8eb3d0
rgb(142,179,208)
-
#88b3d6
#88b3d6
rgb(136,179,214)
-
#82b4dc
#82b4dc
rgb(130,180,220)
-
#7bb5e3
#7bb5e3
rgb(123,181,227)
-
#75b6e9
#75b6e9
rgb(117,182,233)
-
#6fb6ef
#6fb6ef
rgb(111,182,239)
-
#69b7f5
#69b7f5
rgb(105,183,245)
-
#63b8fb
#63b8fb
rgb(99,184,251)
Color Blindness Simulator
Below, you can see how #69b7f5 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.