#67b3f2 Color Information
In a RGB color space, hex #67b3f2 is composed of 40.4% red, 70.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 26% magenta, 0% yellow and 5.1% black. It has a hue angle of 207.2 degrees, a saturation of 84.2% and a lightness of 67.6%. #67b3f2 color hex could be obtained by blending #ceffff with #0067e5. Closest websafe color is: #66ccff.
-
- R 40
- G 70
- B 95
-
- C 57
- M 26
- Y 0
- K 5
● #67b3f2 color description : Soft blue.
#67b3f2 Color Conversion
The hexadecimal color #67b3f2 has RGB values of R:103, G:179, B:242 and CMYK values of C:0.57, M:0.26, Y:0, K:0.05. Its decimal value is 6796274.
Hex triplet | 67b3f2 | #67b3f2 |
---|---|---|
RGB Decimal | 103, 179, 242 | rgb(103,179,242) |
RGB Percent | 40.4, 70.2, 94.9 | rgb(40.4%,70.2%,94.9%) |
CMYK | 57, 26, 0, 5 | |
HSL | 207.2°, 84.2, 67.6 | hsl(207.2,84.2%,67.6%) |
HSV (or HSB) | 207.2°, 57.4, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.547, -5.558, -38.497 |
---|---|
XYZ | 37.737, 41.532, 90.027 |
xyY | 0.223, 0.245, 41.532 |
CIE-LCH | 70.547, 38.896, 261.785 |
CIE-LUV | 70.547, -32.714, -61.225 |
Hunter-Lab | 64.445, -8.257, -37.714 |
Binary | 01100111, 10110011, 11110010 |
Color Schemes with #67b3f2
Alternatives to #67b3f2
Below, you can see some colors close to #67b3f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#67b3f2 Preview
This text has a font color of #67b3f2.
<span style="color:#67b3f2;">Text here</span>
This paragraph has a background color of #67b3f2.
<p style="background-color:#67b3f2;">Content here</p>
This element has a border color of #67b3f2.
<div style="border:1px solid #67b3f2;">Content here</div>
.text {color:#67b3f2;}
.background {background-color:#67b3f2;}
.border {border:1px solid #67b3f2;}
Shades and Tints of #67b3f2
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, #01060b is the darkest color, while #f8fbfe is the lightest one.
-
#01060b
#01060b
rgb(1,6,11)
-
#02111d
#02111d
rgb(2,17,29)
-
#041b2f
#041b2f
rgb(4,27,47)
-
#062641
#062641
rgb(6,38,65)
-
#073153
#073153
rgb(7,49,83)
-
#093b65
#093b65
rgb(9,59,101)
-
#0a4677
#0a4677
rgb(10,70,119)
-
#0c5089
#0c5089
rgb(12,80,137)
-
#0d5b9b
#0d5b9b
rgb(13,91,155)
-
#0f65ad
#0f65ad
rgb(15,101,173)
-
#1070bf
#1070bf
rgb(16,112,191)
-
#127bd1
#127bd1
rgb(18,123,209)
-
#1385e3
#1385e3
rgb(19,133,227)
-
#1f8fec
#1f8fec
rgb(31,143,236)
-
#3198ed
#3198ed
rgb(49,152,237)
-
#43a1ef
#43a1ef
rgb(67,161,239)
-
#55aaf0
#55aaf0
rgb(85,170,240)
-
#67b3f2
#67b3f2
rgb(103,179,242)
-
#79bcf4
#79bcf4
rgb(121,188,244)
-
#8bc5f5
#8bc5f5
rgb(139,197,245)
-
#9dcef7
#9dcef7
rgb(157,206,247)
-
#afd7f8
#afd7f8
rgb(175,215,248)
-
#c1e0fa
#c1e0fa
rgb(193,224,250)
-
#d3e9fb
#d3e9fb
rgb(211,233,251)
-
#e5f2fd
#e5f2fd
rgb(229,242,253)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #67b3f2
A tone is produced by adding gray to any pure hue. In this case, #a6adb3 is the less saturated color, while #5ab4ff is the most saturated one.
-
#a6adb3
#a6adb3
rgb(166,173,179)
-
#a0aeb9
#a0aeb9
rgb(160,174,185)
-
#9aaebf
#9aaebf
rgb(154,174,191)
-
#93afc6
#93afc6
rgb(147,175,198)
-
#8dafcc
#8dafcc
rgb(141,175,204)
-
#87b0d2
#87b0d2
rgb(135,176,210)
-
#80b1d9
#80b1d9
rgb(128,177,217)
-
#7ab1df
#7ab1df
rgb(122,177,223)
-
#74b2e5
#74b2e5
rgb(116,178,229)
-
#6db2ec
#6db2ec
rgb(109,178,236)
-
#67b3f2
#67b3f2
rgb(103,179,242)
-
#61b4f8
#61b4f8
rgb(97,180,248)
-
#5ab4ff
#5ab4ff
rgb(90,180,255)
Color Blindness Simulator
Below, you can see how #67b3f2 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.