#1699f3 Color Information
In a RGB color space, hex #1699f3 is composed of 8.6% red, 60% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 90.9% cyan, 37% magenta, 0% yellow and 4.7% black. It has a hue angle of 204.4 degrees, a saturation of 90.2% and a lightness of 52%. #1699f3 color hex could be obtained by blending #2cffff with #0033e7. Closest websafe color is: #0099ff.
-
- R 9
- G 60
- B 95
-
- C 91
- M 37
- Y 0
- K 5
● #1699f3 color description : Vivid blue.
#1699f3 Color Conversion
The hexadecimal color #1699f3 has RGB values of R:22, G:153, B:243 and CMYK values of C:0.91, M:0.37, Y:0, K:0.05. Its decimal value is 1481203.
Hex triplet | 1699f3 | #1699f3 |
---|---|---|
RGB Decimal | 22, 153, 243 | rgb(22,153,243) |
RGB Percent | 8.6, 60, 95.3 | rgb(8.6%,60%,95.3%) |
CMYK | 91, 37, 0, 5 | |
HSL | 204.4°, 90.2, 52 | hsl(204.4,90.2%,52%) |
HSV (or HSB) | 204.4°, 90.9, 95.3 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 61.152, -0.271, -53.977 |
---|---|
XYZ | 27.896, 29.422, 88.998 |
xyY | 0.191, 0.201, 29.422 |
CIE-LCH | 61.152, 53.978, 269.712 |
CIE-LUV | 61.152, -36.788, -86.387 |
Hunter-Lab | 54.242, -3.122, -59.312 |
Binary | 00010110, 10011001, 11110011 |
Color Schemes with #1699f3
Alternatives to #1699f3
Below, you can see some colors close to #1699f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1699f3 Preview
This text has a font color of #1699f3.
<span style="color:#1699f3;">Text here</span>
This paragraph has a background color of #1699f3.
<p style="background-color:#1699f3;">Content here</p>
This element has a border color of #1699f3.
<div style="border:1px solid #1699f3;">Content here</div>
.text {color:#1699f3;}
.background {background-color:#1699f3;}
.border {border:1px solid #1699f3;}
Shades and Tints of #1699f3
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, #00060a is the darkest color, while #f6fbff is the lightest one.
-
#00060a
#00060a
rgb(0,6,10)
-
#01111c
#01111c
rgb(1,17,28)
-
#021d2f
#021d2f
rgb(2,29,47)
-
#032841
#032841
rgb(3,40,65)
-
#043454
#043454
rgb(4,52,84)
-
#053f67
#053f67
rgb(5,63,103)
-
#064b79
#064b79
rgb(6,75,121)
-
#07568c
#07568c
rgb(7,86,140)
-
#08619f
#08619f
rgb(8,97,159)
-
#096db1
#096db1
rgb(9,109,177)
-
#0a78c4
#0a78c4
rgb(10,120,196)
-
#0b84d7
#0b84d7
rgb(11,132,215)
-
#0c8fe9
#0c8fe9
rgb(12,143,233)
-
#1699f3
#1699f3
rgb(22,153,243)
-
#29a1f4
#29a1f4
rgb(41,161,244)
-
#3ba9f5
#3ba9f5
rgb(59,169,245)
-
#4eb1f6
#4eb1f6
rgb(78,177,246)
-
#61baf7
#61baf7
rgb(97,186,247)
-
#73c2f8
#73c2f8
rgb(115,194,248)
-
#86caf9
#86caf9
rgb(134,202,249)
-
#99d2fa
#99d2fa
rgb(153,210,250)
-
#abdafb
#abdafb
rgb(171,218,251)
-
#bee2fc
#bee2fc
rgb(190,226,252)
-
#d1ebfd
#d1ebfd
rgb(209,235,253)
-
#e3f3fe
#e3f3fe
rgb(227,243,254)
-
#f6fbff
#f6fbff
rgb(246,251,255)
Tones of #1699f3
A tone is produced by adding gray to any pure hue. In this case, #7e868b is the less saturated color, while #0d9bfc is the most saturated one.
-
#7e868b
#7e868b
rgb(126,134,139)
-
#748895
#748895
rgb(116,136,149)
-
#6b899e
#6b899e
rgb(107,137,158)
-
#618ba8
#618ba8
rgb(97,139,168)
-
#588db1
#588db1
rgb(88,141,177)
-
#4f8fba
#4f8fba
rgb(79,143,186)
-
#4590c4
#4590c4
rgb(69,144,196)
-
#3c92cd
#3c92cd
rgb(60,146,205)
-
#3294d7
#3294d7
rgb(50,148,215)
-
#2996e0
#2996e0
rgb(41,150,224)
-
#1f97ea
#1f97ea
rgb(31,151,234)
-
#1699f3
#1699f3
rgb(22,153,243)
-
#0d9bfc
#0d9bfc
rgb(13,155,252)
Color Blindness Simulator
Below, you can see how #1699f3 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.