#67affe Color Information
In a RGB color space, hex #67affe is composed of 40.4% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 211.4 degrees, a saturation of 98.7% and a lightness of 70%. #67affe color hex could be obtained by blending #ceffff with #005ffd. Closest websafe color is: #6699ff.
-
- R 40
- G 69
- B 100
-
- C 59
- M 31
- Y 0
- K 0
● #67affe color description : Soft blue.
#67affe Color Conversion
The hexadecimal color #67affe has RGB values of R:103, G:175, B:254 and CMYK values of C:0.59, M:0.31, Y:0, K:0. Its decimal value is 6795262.
Hex triplet | 67affe | #67affe |
---|---|---|
RGB Decimal | 103, 175, 254 | rgb(103,175,254) |
RGB Percent | 40.4, 68.6, 99.6 | rgb(40.4%,68.6%,99.6%) |
CMYK | 59, 31, 0, 0 | |
HSL | 211.4°, 98.7, 70 | hsl(211.4,98.7%,70%) |
HSV (or HSB) | 211.4°, 59.4, 99.6 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 69.963, 0.407, -45.915 |
---|---|
XYZ | 38.809, 40.697, 99.571 |
xyY | 0.217, 0.227, 40.697 |
CIE-LCH | 69.963, 45.917, 270.508 |
CIE-LUV | 69.963, -31.001, -74.547 |
Hunter-Lab | 63.794, -3.05, -47.885 |
Binary | 01100111, 10101111, 11111110 |
Color Schemes with #67affe
Alternatives to #67affe
Below, you can see some colors close to #67affe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#67affe Preview
This text has a font color of #67affe.
<span style="color:#67affe;">Text here</span>
This paragraph has a background color of #67affe.
<p style="background-color:#67affe;">Content here</p>
This element has a border color of #67affe.
<div style="border:1px solid #67affe;">Content here</div>
.text {color:#67affe;}
.background {background-color:#67affe;}
.border {border:1px solid #67affe;}
Shades and Tints of #67affe
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, #000204 is the darkest color, while #eff7ff is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#000b17
#000b17
rgb(0,11,23)
-
#00152b
#00152b
rgb(0,21,43)
-
#001e3e
#001e3e
rgb(0,30,62)
-
#012752
#012752
rgb(1,39,82)
-
#013165
#013165
rgb(1,49,101)
-
#013a79
#013a79
rgb(1,58,121)
-
#01438c
#01438c
rgb(1,67,140)
-
#014da0
#014da0
rgb(1,77,160)
-
#0156b3
#0156b3
rgb(1,86,179)
-
#015fc7
#015fc7
rgb(1,95,199)
-
#0169da
#0169da
rgb(1,105,218)
-
#0272ee
#0272ee
rgb(2,114,238)
-
#067cfd
#067cfd
rgb(6,124,253)
-
#1986fd
#1986fd
rgb(25,134,253)
-
#2d90fe
#2d90fe
rgb(45,144,254)
-
#409afe
#409afe
rgb(64,154,254)
-
#54a5fe
#54a5fe
rgb(84,165,254)
-
#67affe
#67affe
rgb(103,175,254)
-
#7ab9fe
#7ab9fe
rgb(122,185,254)
-
#8ec4fe
#8ec4fe
rgb(142,196,254)
-
#a1cefe
#a1cefe
rgb(161,206,254)
-
#b5d8ff
#b5d8ff
rgb(181,216,255)
-
#c8e2ff
#c8e2ff
rgb(200,226,255)
-
#dcedff
#dcedff
rgb(220,237,255)
-
#eff7ff
#eff7ff
rgb(239,247,255)
Tones of #67affe
A tone is produced by adding gray to any pure hue. In this case, #aeb2b7 is the less saturated color, while #67affe is the most saturated one.
-
#aeb2b7
#aeb2b7
rgb(174,178,183)
-
#a8b2bd
#a8b2bd
rgb(168,178,189)
-
#a2b2c3
#a2b2c3
rgb(162,178,195)
-
#9cb1c9
#9cb1c9
rgb(156,177,201)
-
#96b1cf
#96b1cf
rgb(150,177,207)
-
#90b1d5
#90b1d5
rgb(144,177,213)
-
#8ab1db
#8ab1db
rgb(138,177,219)
-
#84b0e1
#84b0e1
rgb(132,176,225)
-
#7fb0e6
#7fb0e6
rgb(127,176,230)
-
#79b0ec
#79b0ec
rgb(121,176,236)
-
#73b0f2
#73b0f2
rgb(115,176,242)
-
#6daff8
#6daff8
rgb(109,175,248)
-
#67affe
#67affe
rgb(103,175,254)
Color Blindness Simulator
Below, you can see how #67affe 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.