#67a5e3 Color Information
In a RGB color space, hex #67a5e3 is composed of 40.4% red, 64.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 27.3% magenta, 0% yellow and 11% black. It has a hue angle of 210 degrees, a saturation of 68.9% and a lightness of 64.7%. #67a5e3 color hex could be obtained by blending #ceffff with #004bc7. Closest websafe color is: #6699cc.
-
- R 40
- G 65
- B 89
-
- C 55
- M 27
- Y 0
- K 11
● #67a5e3 color description : Soft blue.
#67a5e3 Color Conversion
The hexadecimal color #67a5e3 has RGB values of R:103, G:165, B:227 and CMYK values of C:0.55, M:0.27, Y:0, K:0.11. Its decimal value is 6792675.
Hex triplet | 67a5e3 | #67a5e3 |
---|---|---|
RGB Decimal | 103, 165, 227 | rgb(103,165,227) |
RGB Percent | 40.4, 64.7, 89 | rgb(40.4%,64.7%,89%) |
CMYK | 55, 27, 0, 11 | |
HSL | 210°, 68.9, 64.7 | hsl(210,68.9%,64.7%) |
HSV (or HSB) | 210°, 54.6, 89 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 66.011, -2.392, -37.369 |
---|---|
XYZ | 32.911, 35.338, 77.755 |
xyY | 0.225, 0.242, 35.338 |
CIE-LCH | 66.011, 37.445, 266.338 |
CIE-LUV | 66.011, -27.899, -59.135 |
Hunter-Lab | 59.446, -5.208, -35.94 |
Binary | 01100111, 10100101, 11100011 |
Color Schemes with #67a5e3
Alternatives to #67a5e3
Below, you can see some colors close to #67a5e3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#67a5e3 Preview
This text has a font color of #67a5e3.
<span style="color:#67a5e3;">Text here</span>
This paragraph has a background color of #67a5e3.
<p style="background-color:#67a5e3;">Content here</p>
This element has a border color of #67a5e3.
<div style="border:1px solid #67a5e3;">Content here</div>
.text {color:#67a5e3;}
.background {background-color:#67a5e3;}
.border {border:1px solid #67a5e3;}
Shades and Tints of #67a5e3
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, #03080e is the darkest color, while #fcfdfe is the lightest one.
-
#03080e
#03080e
rgb(3,8,14)
-
#06121e
#06121e
rgb(6,18,30)
-
#091c2f
#091c2f
rgb(9,28,47)
-
#0c263f
#0c263f
rgb(12,38,63)
-
#0f2f50
#0f2f50
rgb(15,47,80)
-
#123960
#123960
rgb(18,57,96)
-
#154371
#154371
rgb(21,67,113)
-
#184d82
#184d82
rgb(24,77,130)
-
#1b5792
#1b5792
rgb(27,87,146)
-
#1e60a3
#1e60a3
rgb(30,96,163)
-
#216ab3
#216ab3
rgb(33,106,179)
-
#2474c4
#2474c4
rgb(36,116,196)
-
#277ed4
#277ed4
rgb(39,126,212)
-
#3588da
#3588da
rgb(53,136,218)
-
#4691dd
#4691dd
rgb(70,145,221)
-
#569be0
#569be0
rgb(86,155,224)
-
#67a5e3
#67a5e3
rgb(103,165,227)
-
#78afe6
#78afe6
rgb(120,175,230)
-
#88b9e9
#88b9e9
rgb(136,185,233)
-
#99c2ec
#99c2ec
rgb(153,194,236)
-
#a9ccef
#a9ccef
rgb(169,204,239)
-
#bad6f2
#bad6f2
rgb(186,214,242)
-
#cae0f5
#cae0f5
rgb(202,224,245)
-
#dbeaf8
#dbeaf8
rgb(219,234,248)
-
#ecf3fb
#ecf3fb
rgb(236,243,251)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #67a5e3
A tone is produced by adding gray to any pure hue. In this case, #9ea5ac is the less saturated color, while #4ba5ff is the most saturated one.
-
#9ea5ac
#9ea5ac
rgb(158,165,172)
-
#97a5b3
#97a5b3
rgb(151,165,179)
-
#91a5b9
#91a5b9
rgb(145,165,185)
-
#8aa5c0
#8aa5c0
rgb(138,165,192)
-
#83a5c7
#83a5c7
rgb(131,165,199)
-
#7ca5ce
#7ca5ce
rgb(124,165,206)
-
#75a5d5
#75a5d5
rgb(117,165,213)
-
#6ea5dc
#6ea5dc
rgb(110,165,220)
-
#67a5e3
#67a5e3
rgb(103,165,227)
-
#60a5ea
#60a5ea
rgb(96,165,234)
-
#59a5f1
#59a5f1
rgb(89,165,241)
-
#52a5f8
#52a5f8
rgb(82,165,248)
-
#4ba5ff
#4ba5ff
rgb(75,165,255)
Color Blindness Simulator
Below, you can see how #67a5e3 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.