#67caf6 Color Information
In a RGB color space, hex #67caf6 is composed of 40.4% red, 79.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 17.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 198.5 degrees, a saturation of 88.8% and a lightness of 68.4%. #67caf6 color hex could be obtained by blending #ceffff with #0095ed. Closest websafe color is: #66ccff.
-
- R 40
- G 79
- B 96
-
- C 58
- M 18
- Y 0
- K 4
● #67caf6 color description : Soft blue.
#67caf6 Color Conversion
The hexadecimal color #67caf6 has RGB values of R:103, G:202, B:246 and CMYK values of C:0.58, M:0.18, Y:0, K:0.04. Its decimal value is 6802166.
Hex triplet | 67caf6 | #67caf6 |
---|---|---|
RGB Decimal | 103, 202, 246 | rgb(103,202,246) |
RGB Percent | 40.4, 79.2, 96.5 | rgb(40.4%,79.2%,96.5%) |
CMYK | 58, 18, 0, 4 | |
HSL | 198.5°, 88.8, 68.4 | hsl(198.5,88.8%,68.4%) |
HSV (or HSB) | 198.5°, 58.1, 96.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 77.146, -16.634, -30.442 |
---|---|
XYZ | 43.344, 51.775, 94.893 |
xyY | 0.228, 0.272, 51.775 |
CIE-LCH | 77.146, 34.69, 241.347 |
CIE-LUV | 77.146, -41.007, -46.639 |
Hunter-Lab | 71.955, -18.397, -27.822 |
Binary | 01100111, 11001010, 11110110 |
Color Schemes with #67caf6
Alternatives to #67caf6
Below, you can see some colors close to #67caf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#67caf6 Preview
This text has a font color of #67caf6.
<span style="color:#67caf6;">Text here</span>
This paragraph has a background color of #67caf6.
<p style="background-color:#67caf6;">Content here</p>
This element has a border color of #67caf6.
<div style="border:1px solid #67caf6;">Content here</div>
.text {color:#67caf6;}
.background {background-color:#67caf6;}
.border {border:1px solid #67caf6;}
Shades and Tints of #67caf6
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, #010a0f is the darkest color, while #fbfeff is the lightest one.
-
#010a0f
#010a0f
rgb(1,10,15)
-
#021821
#021821
rgb(2,24,33)
-
#032534
#032534
rgb(3,37,52)
-
#043246
#043246
rgb(4,50,70)
-
#053f59
#053f59
rgb(5,63,89)
-
#064c6b
#064c6b
rgb(6,76,107)
-
#07597e
#07597e
rgb(7,89,126)
-
#096790
#096790
rgb(9,103,144)
-
#0a74a3
#0a74a3
rgb(10,116,163)
-
#0b81b5
#0b81b5
rgb(11,129,181)
-
#0c8ec8
#0c8ec8
rgb(12,142,200)
-
#0d9bda
#0d9bda
rgb(13,155,218)
-
#0ea8ed
#0ea8ed
rgb(14,168,237)
-
#1db0f2
#1db0f2
rgb(29,176,242)
-
#2fb7f3
#2fb7f3
rgb(47,183,243)
-
#42bdf4
#42bdf4
rgb(66,189,244)
-
#54c4f5
#54c4f5
rgb(84,196,245)
-
#67caf6
#67caf6
rgb(103,202,246)
-
#7ad0f7
#7ad0f7
rgb(122,208,247)
-
#8cd7f8
#8cd7f8
rgb(140,215,248)
-
#9fddf9
#9fddf9
rgb(159,221,249)
-
#b1e4fa
#b1e4fa
rgb(177,228,250)
-
#c4eafb
#c4eafb
rgb(196,234,251)
-
#d6f1fd
#d6f1fd
rgb(214,241,253)
-
#e9f7fe
#e9f7fe
rgb(233,247,254)
-
#fbfeff
#fbfeff
rgb(251,254,255)
Tones of #67caf6
A tone is produced by adding gray to any pure hue. In this case, #abb0b2 is the less saturated color, while #61ccfc is the most saturated one.
-
#abb0b2
#abb0b2
rgb(171,176,178)
-
#a5b2b8
#a5b2b8
rgb(165,178,184)
-
#9fb5be
#9fb5be
rgb(159,181,190)
-
#99b7c4
#99b7c4
rgb(153,183,196)
-
#92b9cb
#92b9cb
rgb(146,185,203)
-
#8cbcd1
#8cbcd1
rgb(140,188,209)
-
#86bed7
#86bed7
rgb(134,190,215)
-
#80c0dd
#80c0dd
rgb(128,192,221)
-
#7ac3e3
#7ac3e3
rgb(122,195,227)
-
#73c5ea
#73c5ea
rgb(115,197,234)
-
#6dc8f0
#6dc8f0
rgb(109,200,240)
-
#67caf6
#67caf6
rgb(103,202,246)
-
#61ccfc
#61ccfc
rgb(97,204,252)
Color Blindness Simulator
Below, you can see how #67caf6 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.