#18affe Color Information
In a RGB color space, hex #18affe is composed of 9.4% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 200.6 degrees, a saturation of 99.1% and a lightness of 54.5%. #18affe color hex could be obtained by blending #30ffff with #005ffd. Closest websafe color is: #0099ff.
-
- R 9
- G 69
- B 100
-
- C 91
- M 31
- Y 0
- K 0
● #18affe color description : Vivid blue.
#18affe Color Conversion
The hexadecimal color #18affe has RGB values of R:24, G:175, B:254 and CMYK values of C:0.91, M:0.31, Y:0, K:0. Its decimal value is 1617918.
Hex triplet | 18affe | #18affe |
---|---|---|
RGB Decimal | 24, 175, 254 | rgb(24,175,254) |
RGB Percent | 9.4, 68.6, 99.6 | rgb(9.4%,68.6%,99.6%) |
CMYK | 91, 31, 0, 0 | |
HSL | 200.6°, 99.1, 54.5 | hsl(200.6,99.1%,54.5%) |
HSV (or HSB) | 200.6°, 90.6, 99.6 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 68.026, -8.67, -49.097 |
---|---|
XYZ | 33.592, 38.007, 99.326 |
xyY | 0.197, 0.222, 38.007 |
CIE-LCH | 68.026, 49.856, 259.986 |
CIE-LUV | 68.026, -43.173, -78.682 |
Hunter-Lab | 61.65, -10.626, -52.37 |
Binary | 00011000, 10101111, 11111110 |
Color Schemes with #18affe
Alternatives to #18affe
Below, you can see some colors close to #18affe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18affe Preview
This text has a font color of #18affe.
<span style="color:#18affe;">Text here</span>
This paragraph has a background color of #18affe.
<p style="background-color:#18affe;">Content here</p>
This element has a border color of #18affe.
<div style="border:1px solid #18affe;">Content here</div>
.text {color:#18affe;}
.background {background-color:#18affe;}
.border {border:1px solid #18affe;}
Shades and Tints of #18affe
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, #000203 is the darkest color, while #eff9ff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#000f17
#000f17
rgb(0,15,23)
-
#001c2a
#001c2a
rgb(0,28,42)
-
#00293e
#00293e
rgb(0,41,62)
-
#003651
#003651
rgb(0,54,81)
-
#004265
#004265
rgb(0,66,101)
-
#014f79
#014f79
rgb(1,79,121)
-
#015c8c
#015c8c
rgb(1,92,140)
-
#0169a0
#0169a0
rgb(1,105,160)
-
#0176b3
#0176b3
rgb(1,118,179)
-
#0183c7
#0183c7
rgb(1,131,199)
-
#0190da
#0190da
rgb(1,144,218)
-
#019cee
#019cee
rgb(1,156,238)
-
#04a8fe
#04a8fe
rgb(4,168,254)
-
#18affe
#18affe
rgb(24,175,254)
-
#2cb6fe
#2cb6fe
rgb(44,182,254)
-
#3fbdfe
#3fbdfe
rgb(63,189,254)
-
#53c3fe
#53c3fe
rgb(83,195,254)
-
#66cafe
#66cafe
rgb(102,202,254)
-
#7ad1fe
#7ad1fe
rgb(122,209,254)
-
#8dd8ff
#8dd8ff
rgb(141,216,255)
-
#a1deff
#a1deff
rgb(161,222,255)
-
#b4e5ff
#b4e5ff
rgb(180,229,255)
-
#c8ecff
#c8ecff
rgb(200,236,255)
-
#dbf3ff
#dbf3ff
rgb(219,243,255)
-
#eff9ff
#eff9ff
rgb(239,249,255)
Tones of #18affe
A tone is produced by adding gray to any pure hue. In this case, #838d93 is the less saturated color, while #18affe is the most saturated one.
-
#838d93
#838d93
rgb(131,141,147)
-
#7a909c
#7a909c
rgb(122,144,156)
-
#7193a5
#7193a5
rgb(113,147,165)
-
#6896ae
#6896ae
rgb(104,150,174)
-
#5f99b7
#5f99b7
rgb(95,153,183)
-
#569bc0
#569bc0
rgb(86,155,192)
-
#4e9ec8
#4e9ec8
rgb(78,158,200)
-
#45a1d1
#45a1d1
rgb(69,161,209)
-
#3ca4da
#3ca4da
rgb(60,164,218)
-
#33a7e3
#33a7e3
rgb(51,167,227)
-
#2aa9ec
#2aa9ec
rgb(42,169,236)
-
#21acf5
#21acf5
rgb(33,172,245)
-
#18affe
#18affe
rgb(24,175,254)
Color Blindness Simulator
Below, you can see how #18affe 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.