#6fa5f2 Color Information
In a RGB color space, hex #6fa5f2 is composed of 43.5% red, 64.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 31.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 215.3 degrees, a saturation of 83.4% and a lightness of 69.2%. #6fa5f2 color hex could be obtained by blending #deffff with #004be5. Closest websafe color is: #6699ff.
-
- R 44
- G 65
- B 95
-
- C 54
- M 32
- Y 0
- K 5
● #6fa5f2 color description : Soft blue.
#6fa5f2 Color Conversion
The hexadecimal color #6fa5f2 has RGB values of R:111, G:165, B:242 and CMYK values of C:0.54, M:0.32, Y:0, K:0.05. Its decimal value is 7316978.
Hex triplet | 6fa5f2 | #6fa5f2 |
---|---|---|
RGB Decimal | 111, 165, 242 | rgb(111,165,242) |
RGB Percent | 43.5, 64.7, 94.9 | rgb(43.5%,64.7%,94.9%) |
CMYK | 54, 32, 0, 5 | |
HSL | 215.3°, 83.4, 69.2 | hsl(215.3,83.4%,69.2%) |
HSV (or HSB) | 215.3°, 54.1, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.05, 3.902, -43.938 |
---|---|
XYZ | 36.034, 36.699, 89.184 |
xyY | 0.223, 0.227, 36.699 |
CIE-LCH | 67.05, 44.111, 275.075 |
CIE-LUV | 67.05, -25.343, -71.138 |
Hunter-Lab | 60.579, 0.162, -44.88 |
Binary | 01101111, 10100101, 11110010 |
Color Schemes with #6fa5f2
Alternatives to #6fa5f2
Below, you can see some colors close to #6fa5f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6fa5f2 Preview
This text has a font color of #6fa5f2.
<span style="color:#6fa5f2;">Text here</span>
This paragraph has a background color of #6fa5f2.
<p style="background-color:#6fa5f2;">Content here</p>
This element has a border color of #6fa5f2.
<div style="border:1px solid #6fa5f2;">Content here</div>
.text {color:#6fa5f2;}
.background {background-color:#6fa5f2;}
.border {border:1px solid #6fa5f2;}
Shades and Tints of #6fa5f2
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, #020812 is the darkest color, while #ffffff is the lightest one.
-
#020812
#020812
rgb(2,8,18)
-
#031124
#031124
rgb(3,17,36)
-
#051936
#051936
rgb(5,25,54)
-
#062148
#062148
rgb(6,33,72)
-
#082a5a
#082a5a
rgb(8,42,90)
-
#0a326c
#0a326c
rgb(10,50,108)
-
#0b3b7e
#0b3b7e
rgb(11,59,126)
-
#0d4390
#0d4390
rgb(13,67,144)
-
#0f4ba2
#0f4ba2
rgb(15,75,162)
-
#1054b4
#1054b4
rgb(16,84,180)
-
#125cc6
#125cc6
rgb(18,92,198)
-
#1364d8
#1364d8
rgb(19,100,216)
-
#156dea
#156dea
rgb(21,109,234)
-
#2778ec
#2778ec
rgb(39,120,236)
-
#3983ed
#3983ed
rgb(57,131,237)
-
#4b8fef
#4b8fef
rgb(75,143,239)
-
#5d9af0
#5d9af0
rgb(93,154,240)
-
#6fa5f2
#6fa5f2
rgb(111,165,242)
-
#81b0f4
#81b0f4
rgb(129,176,244)
-
#93bbf5
#93bbf5
rgb(147,187,245)
-
#a5c7f7
#a5c7f7
rgb(165,199,247)
-
#b7d2f8
#b7d2f8
rgb(183,210,248)
-
#c9ddfa
#c9ddfa
rgb(201,221,250)
-
#dbe8fc
#dbe8fc
rgb(219,232,252)
-
#edf4fd
#edf4fd
rgb(237,244,253)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #6fa5f2
A tone is produced by adding gray to any pure hue. In this case, #abb0b6 is the less saturated color, while #63a3fe is the most saturated one.
-
#abb0b6
#abb0b6
rgb(171,176,182)
-
#a5afbc
#a5afbc
rgb(165,175,188)
-
#9fadc2
#9fadc2
rgb(159,173,194)
-
#99acc8
#99acc8
rgb(153,172,200)
-
#93abce
#93abce
rgb(147,171,206)
-
#8daad4
#8daad4
rgb(141,170,212)
-
#87a9da
#87a9da
rgb(135,169,218)
-
#81a8e0
#81a8e0
rgb(129,168,224)
-
#7ba7e6
#7ba7e6
rgb(123,167,230)
-
#75a6ec
#75a6ec
rgb(117,166,236)
-
#6fa5f2
#6fa5f2
rgb(111,165,242)
-
#69a4f8
#69a4f8
rgb(105,164,248)
-
#63a3fe
#63a3fe
rgb(99,163,254)
Color Blindness Simulator
Below, you can see how #6fa5f2 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.