#67baf6 Color Information
In a RGB color space, hex #67baf6 is composed of 40.4% red, 72.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 24.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 205.2 degrees, a saturation of 88.8% and a lightness of 68.4%. #67baf6 color hex could be obtained by blending #ceffff with #0075ed. Closest websafe color is: #66ccff.
-
- R 40
- G 73
- B 96
-
- C 58
- M 24
- Y 0
- K 4
● #67baf6 color description : Soft blue.
#67baf6 Color Conversion
The hexadecimal color #67baf6 has RGB values of R:103, G:186, B:246 and CMYK values of C:0.58, M:0.24, Y:0, K:0.04. Its decimal value is 6798070.
Hex triplet | 67baf6 | #67baf6 |
---|---|---|
RGB Decimal | 103, 186, 246 | rgb(103,186,246) |
RGB Percent | 40.4, 72.9, 96.5 | rgb(40.4%,72.9%,96.5%) |
CMYK | 58, 24, 0, 4 | |
HSL | 205.2°, 88.8, 68.4 | hsl(205.2,88.8%,68.4%) |
HSV (or HSB) | 205.2°, 58.1, 96.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 72.663, -8.151, -37.372 |
---|---|
XYZ | 39.783, 44.653, 93.706 |
xyY | 0.223, 0.251, 44.653 |
CIE-LCH | 72.663, 38.251, 257.697 |
CIE-LUV | 72.663, -35.151, -59.214 |
Hunter-Lab | 66.823, -10.669, -36.367 |
Binary | 01100111, 10111010, 11110110 |
Color Schemes with #67baf6
Alternatives to #67baf6
Below, you can see some colors close to #67baf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#67baf6 Preview
This text has a font color of #67baf6.
<span style="color:#67baf6;">Text here</span>
This paragraph has a background color of #67baf6.
<p style="background-color:#67baf6;">Content here</p>
This element has a border color of #67baf6.
<div style="border:1px solid #67baf6;">Content here</div>
.text {color:#67baf6;}
.background {background-color:#67baf6;}
.border {border:1px solid #67baf6;}
Shades and Tints of #67baf6
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, #01090f is the darkest color, while #fbfdff is the lightest one.
-
#01090f
#01090f
rgb(1,9,15)
-
#021421
#021421
rgb(2,20,33)
-
#031f34
#031f34
rgb(3,31,52)
-
#042b46
#042b46
rgb(4,43,70)
-
#053659
#053659
rgb(5,54,89)
-
#06416b
#06416b
rgb(6,65,107)
-
#074c7e
#074c7e
rgb(7,76,126)
-
#095790
#095790
rgb(9,87,144)
-
#0a63a3
#0a63a3
rgb(10,99,163)
-
#0b6eb5
#0b6eb5
rgb(11,110,181)
-
#0c79c8
#0c79c8
rgb(12,121,200)
-
#0d84da
#0d84da
rgb(13,132,218)
-
#0e8fed
#0e8fed
rgb(14,143,237)
-
#1d98f2
#1d98f2
rgb(29,152,242)
-
#2fa1f3
#2fa1f3
rgb(47,161,243)
-
#42a9f4
#42a9f4
rgb(66,169,244)
-
#54b2f5
#54b2f5
rgb(84,178,245)
-
#67baf6
#67baf6
rgb(103,186,246)
-
#7ac2f7
#7ac2f7
rgb(122,194,247)
-
#8ccbf8
#8ccbf8
rgb(140,203,248)
-
#9fd3f9
#9fd3f9
rgb(159,211,249)
-
#b1dcfa
#b1dcfa
rgb(177,220,250)
-
#c4e4fb
#c4e4fb
rgb(196,228,251)
-
#d6ecfd
#d6ecfd
rgb(214,236,253)
-
#e9f5fe
#e9f5fe
rgb(233,245,254)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #67baf6
A tone is produced by adding gray to any pure hue. In this case, #abafb2 is the less saturated color, while #61bbfc is the most saturated one.
-
#abafb2
#abafb2
rgb(171,175,178)
-
#a5b0b8
#a5b0b8
rgb(165,176,184)
-
#9fb1be
#9fb1be
rgb(159,177,190)
-
#99b2c4
#99b2c4
rgb(153,178,196)
-
#92b3cb
#92b3cb
rgb(146,179,203)
-
#8cb4d1
#8cb4d1
rgb(140,180,209)
-
#86b5d7
#86b5d7
rgb(134,181,215)
-
#80b6dd
#80b6dd
rgb(128,182,221)
-
#7ab7e3
#7ab7e3
rgb(122,183,227)
-
#73b8ea
#73b8ea
rgb(115,184,234)
-
#6db9f0
#6db9f0
rgb(109,185,240)
-
#67baf6
#67baf6
rgb(103,186,246)
-
#61bbfc
#61bbfc
rgb(97,187,252)
Color Blindness Simulator
Below, you can see how #67baf6 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.