#6cb4f2 Color Information
In a RGB color space, hex #6cb4f2 is composed of 42.4% red, 70.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 25.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 207.8 degrees, a saturation of 83.8% and a lightness of 68.6%. #6cb4f2 color hex could be obtained by blending #d8ffff with #0069e5. Closest websafe color is: #66ccff.
-
- R 42
- G 71
- B 95
-
- C 55
- M 26
- Y 0
- K 5
● #6cb4f2 color description : Soft blue.
#6cb4f2 Color Conversion
The hexadecimal color #6cb4f2 has RGB values of R:108, G:180, B:242 and CMYK values of C:0.55, M:0.26, Y:0, K:0.05. Its decimal value is 7124210.
Hex triplet | 6cb4f2 | #6cb4f2 |
---|---|---|
RGB Decimal | 108, 180, 242 | rgb(108,180,242) |
RGB Percent | 42.4, 70.6, 94.9 | rgb(42.4%,70.6%,94.9%) |
CMYK | 55, 26, 0, 5 | |
HSL | 207.8°, 83.8, 68.6 | hsl(207.8,83.8%,68.6%) |
HSV (or HSB) | 207.8°, 55.4, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.035, -5.11, -37.721 |
---|---|
XYZ | 38.529, 42.239, 90.122 |
xyY | 0.225, 0.247, 42.239 |
CIE-LCH | 71.035, 38.065, 262.286 |
CIE-LUV | 71.035, -31.692, -60.01 |
Hunter-Lab | 64.992, -7.916, -36.722 |
Binary | 01101100, 10110100, 11110010 |
Color Schemes with #6cb4f2
Alternatives to #6cb4f2
Below, you can see some colors close to #6cb4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6cb4f2 Preview
This text has a font color of #6cb4f2.
<span style="color:#6cb4f2;">Text here</span>
This paragraph has a background color of #6cb4f2.
<p style="background-color:#6cb4f2;">Content here</p>
This element has a border color of #6cb4f2.
<div style="border:1px solid #6cb4f2;">Content here</div>
.text {color:#6cb4f2;}
.background {background-color:#6cb4f2;}
.border {border:1px solid #6cb4f2;}
Shades and Tints of #6cb4f2
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, #01090f is the darkest color, while #fcfeff is the lightest one.
-
#01090f
#01090f
rgb(1,9,15)
-
#031321
#031321
rgb(3,19,33)
-
#051e33
#051e33
rgb(5,30,51)
-
#062845
#062845
rgb(6,40,69)
-
#083257
#083257
rgb(8,50,87)
-
#093d69
#093d69
rgb(9,61,105)
-
#0b477b
#0b477b
rgb(11,71,123)
-
#0d528d
#0d528d
rgb(13,82,141)
-
#0e5c9f
#0e5c9f
rgb(14,92,159)
-
#1067b1
#1067b1
rgb(16,103,177)
-
#1171c3
#1171c3
rgb(17,113,195)
-
#137bd5
#137bd5
rgb(19,123,213)
-
#1486e7
#1486e7
rgb(20,134,231)
-
#248fec
#248fec
rgb(36,143,236)
-
#3698ed
#3698ed
rgb(54,152,237)
-
#48a2ef
#48a2ef
rgb(72,162,239)
-
#5aabf0
#5aabf0
rgb(90,171,240)
-
#6cb4f2
#6cb4f2
rgb(108,180,242)
-
#7ebdf4
#7ebdf4
rgb(126,189,244)
-
#90c6f5
#90c6f5
rgb(144,198,245)
-
#a2d0f7
#a2d0f7
rgb(162,208,247)
-
#b4d9f8
#b4d9f8
rgb(180,217,248)
-
#c6e2fa
#c6e2fa
rgb(198,226,250)
-
#d8ebfc
#d8ebfc
rgb(216,235,252)
-
#eaf4fd
#eaf4fd
rgb(234,244,253)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #6cb4f2
A tone is produced by adding gray to any pure hue. In this case, #aaafb4 is the less saturated color, while #60b5fe is the most saturated one.
-
#aaafb4
#aaafb4
rgb(170,175,180)
-
#a3b0bb
#a3b0bb
rgb(163,176,187)
-
#9db0c1
#9db0c1
rgb(157,176,193)
-
#97b1c7
#97b1c7
rgb(151,177,199)
-
#91b1cd
#91b1cd
rgb(145,177,205)
-
#8bb2d3
#8bb2d3
rgb(139,178,211)
-
#85b2d9
#85b2d9
rgb(133,178,217)
-
#7eb3e0
#7eb3e0
rgb(126,179,224)
-
#78b3e6
#78b3e6
rgb(120,179,230)
-
#72b4ec
#72b4ec
rgb(114,180,236)
-
#6cb4f2
#6cb4f2
rgb(108,180,242)
-
#66b4f8
#66b4f8
rgb(102,180,248)
-
#60b5fe
#60b5fe
rgb(96,181,254)
Color Blindness Simulator
Below, you can see how #6cb4f2 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.