#6693ff Color Information
In a RGB color space, hex #6693ff is composed of 40% red, 57.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 42.4% magenta, 0% yellow and 0% black. It has a hue angle of 222.4 degrees, a saturation of 100% and a lightness of 70%. #6693ff color hex could be obtained by blending #ccffff with #0027ff. Closest websafe color is: #6699ff.
-
- R 40
- G 58
- B 100
-
- C 60
- M 42
- Y 0
- K 0
● #6693ff color description : Light blue.
#6693ff Color Conversion
The hexadecimal color #6693ff has RGB values of R:102, G:147, B:255 and CMYK values of C:0.6, M:0.42, Y:0, K:0. Its decimal value is 6722559.
Hex triplet | 6693ff | #6693ff |
---|---|---|
RGB Decimal | 102, 147, 255 | rgb(102,147,255) |
RGB Percent | 40, 57.6, 100 | rgb(40%,57.6%,100%) |
CMYK | 60, 42, 0, 0 | |
HSL | 222.4°, 100, 70 | hsl(222.4,100%,70%) |
HSV (or HSB) | 222.4°, 60, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 62.432, 16.726, -58.384 |
---|---|
XYZ | 33.959, 30.91, 98.779 |
xyY | 0.208, 0.189, 30.91 |
CIE-LCH | 62.432, 60.733, 285.986 |
CIE-LUV | 62.432, -21.71, -95.727 |
Hunter-Lab | 55.597, 11.735, -66.422 |
Binary | 01100110, 10010011, 11111111 |
Color Schemes with #6693ff
Alternatives to #6693ff
Below, you can see some colors close to #6693ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6693ff Preview
This text has a font color of #6693ff.
<span style="color:#6693ff;">Text here</span>
This paragraph has a background color of #6693ff.
<p style="background-color:#6693ff;">Content here</p>
This element has a border color of #6693ff.
<div style="border:1px solid #6693ff;">Content here</div>
.text {color:#6693ff;}
.background {background-color:#6693ff;}
.border {border:1px solid #6693ff;}
Shades and Tints of #6693ff
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, #000104 is the darkest color, while #eff4ff is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#000718
#000718
rgb(0,7,24)
-
#000d2b
#000d2b
rgb(0,13,43)
-
#00123f
#00123f
rgb(0,18,63)
-
#001852
#001852
rgb(0,24,82)
-
#001e66
#001e66
rgb(0,30,102)
-
#00247a
#00247a
rgb(0,36,122)
-
#002a8d
#002a8d
rgb(0,42,141)
-
#002fa1
#002fa1
rgb(0,47,161)
-
#0035b4
#0035b4
rgb(0,53,180)
-
#003bc8
#003bc8
rgb(0,59,200)
-
#0041dc
#0041dc
rgb(0,65,220)
-
#0046ef
#0046ef
rgb(0,70,239)
-
#044eff
#044eff
rgb(4,78,255)
-
#185cff
#185cff
rgb(24,92,255)
-
#2b69ff
#2b69ff
rgb(43,105,255)
-
#3f77ff
#3f77ff
rgb(63,119,255)
-
#5285ff
#5285ff
rgb(82,133,255)
-
#6693ff
#6693ff
rgb(102,147,255)
-
#7aa1ff
#7aa1ff
rgb(122,161,255)
-
#8dafff
#8dafff
rgb(141,175,255)
-
#a1bdff
#a1bdff
rgb(161,189,255)
-
#b4caff
#b4caff
rgb(180,202,255)
-
#c8d8ff
#c8d8ff
rgb(200,216,255)
-
#dce6ff
#dce6ff
rgb(220,230,255)
-
#eff4ff
#eff4ff
rgb(239,244,255)
Tones of #6693ff
A tone is produced by adding gray to any pure hue. In this case, #adb0b8 is the less saturated color, while #6693ff is the most saturated one.
-
#adb0b8
#adb0b8
rgb(173,176,184)
-
#a7aebe
#a7aebe
rgb(167,174,190)
-
#a1abc4
#a1abc4
rgb(161,171,196)
-
#9ba9ca
#9ba9ca
rgb(155,169,202)
-
#95a6d0
#95a6d0
rgb(149,166,208)
-
#8fa4d6
#8fa4d6
rgb(143,164,214)
-
#89a2dc
#89a2dc
rgb(137,162,220)
-
#839fe2
#839fe2
rgb(131,159,226)
-
#7e9de7
#7e9de7
rgb(126,157,231)
-
#789aed
#789aed
rgb(120,154,237)
-
#7298f3
#7298f3
rgb(114,152,243)
-
#6c95f9
#6c95f9
rgb(108,149,249)
-
#6693ff
#6693ff
rgb(102,147,255)
Color Blindness Simulator
Below, you can see how #6693ff 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.