#67b4f2 Color Information
In a RGB color space, hex #67b4f2 is composed of 40.4% red, 70.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 25.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 206.8 degrees, a saturation of 84.2% and a lightness of 67.6%. #67b4f2 color hex could be obtained by blending #ceffff with #0069e5. Closest websafe color is: #66ccff.
-
- R 40
- G 71
- B 95
-
- C 57
- M 26
- Y 0
- K 5
● #67b4f2 color description : Soft blue.
#67b4f2 Color Conversion
The hexadecimal color #67b4f2 has RGB values of R:103, G:180, B:242 and CMYK values of C:0.57, M:0.26, Y:0, K:0.05. Its decimal value is 6796530.
Hex triplet | 67b4f2 | #67b4f2 |
---|---|---|
RGB Decimal | 103, 180, 242 | rgb(103,180,242) |
RGB Percent | 40.4, 70.6, 94.9 | rgb(40.4%,70.6%,94.9%) |
CMYK | 57, 26, 0, 5 | |
HSL | 206.8°, 84.2, 67.6 | hsl(206.8,84.2%,67.6%) |
HSV (or HSB) | 206.8°, 57.4, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.826, -6.107, -38.063 |
---|---|
XYZ | 37.938, 41.934, 90.094 |
xyY | 0.223, 0.247, 41.934 |
CIE-LCH | 70.826, 38.55, 260.885 |
CIE-LUV | 70.826, -33.078, -60.449 |
Hunter-Lab | 64.757, -8.75, -37.159 |
Binary | 01100111, 10110100, 11110010 |
Color Schemes with #67b4f2
Alternatives to #67b4f2
Below, you can see some colors close to #67b4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#67b4f2 Preview
This text has a font color of #67b4f2.
<span style="color:#67b4f2;">Text here</span>
This paragraph has a background color of #67b4f2.
<p style="background-color:#67b4f2;">Content here</p>
This element has a border color of #67b4f2.
<div style="border:1px solid #67b4f2;">Content here</div>
.text {color:#67b4f2;}
.background {background-color:#67b4f2;}
.border {border:1px solid #67b4f2;}
Shades and Tints of #67b4f2
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)
-
#041c2f
#041c2f
rgb(4,28,47)
-
#062641
#062641
rgb(6,38,65)
-
#073153
#073153
rgb(7,49,83)
-
#093c65
#093c65
rgb(9,60,101)
-
#0a4677
#0a4677
rgb(10,70,119)
-
#0c5189
#0c5189
rgb(12,81,137)
-
#0d5c9b
#0d5c9b
rgb(13,92,155)
-
#0f67ad
#0f67ad
rgb(15,103,173)
-
#1071bf
#1071bf
rgb(16,113,191)
-
#127cd1
#127cd1
rgb(18,124,209)
-
#1387e3
#1387e3
rgb(19,135,227)
-
#1f90ec
#1f90ec
rgb(31,144,236)
-
#3199ed
#3199ed
rgb(49,153,237)
-
#43a2ef
#43a2ef
rgb(67,162,239)
-
#55abf0
#55abf0
rgb(85,171,240)
-
#67b4f2
#67b4f2
rgb(103,180,242)
-
#79bdf4
#79bdf4
rgb(121,189,244)
-
#8bc6f5
#8bc6f5
rgb(139,198,245)
-
#9dcff7
#9dcff7
rgb(157,207,247)
-
#afd8f8
#afd8f8
rgb(175,216,248)
-
#c1e1fa
#c1e1fa
rgb(193,225,250)
-
#d3e9fb
#d3e9fb
rgb(211,233,251)
-
#e5f2fd
#e5f2fd
rgb(229,242,253)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #67b4f2
A tone is produced by adding gray to any pure hue. In this case, #a6adb3 is the less saturated color, while #5ab5ff is the most saturated one.
-
#a6adb3
#a6adb3
rgb(166,173,179)
-
#a0aeb9
#a0aeb9
rgb(160,174,185)
-
#9aafbf
#9aafbf
rgb(154,175,191)
-
#93afc6
#93afc6
rgb(147,175,198)
-
#8db0cc
#8db0cc
rgb(141,176,204)
-
#87b1d2
#87b1d2
rgb(135,177,210)
-
#80b1d9
#80b1d9
rgb(128,177,217)
-
#7ab2df
#7ab2df
rgb(122,178,223)
-
#74b3e5
#74b3e5
rgb(116,179,229)
-
#6db3ec
#6db3ec
rgb(109,179,236)
-
#67b4f2
#67b4f2
rgb(103,180,242)
-
#61b5f8
#61b5f8
rgb(97,181,248)
-
#5ab5ff
#5ab5ff
rgb(90,181,255)
Color Blindness Simulator
Below, you can see how #67b4f2 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.