#18acff Color Information
In a RGB color space, hex #18acff is composed of 9.4% red, 67.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 32.5% magenta, 0% yellow and 0% black. It has a hue angle of 201.6 degrees, a saturation of 100% and a lightness of 54.7%. #18acff color hex could be obtained by blending #30ffff with #0059ff. Closest websafe color is: #0099ff.
-
- R 9
- G 67
- B 100
-
- C 91
- M 33
- Y 0
- K 0
● #18acff color description : Vivid blue.
#18acff Color Conversion
The hexadecimal color #18acff has RGB values of R:24, G:172, B:255 and CMYK values of C:0.91, M:0.33, Y:0, K:0. Its decimal value is 1617151.
Hex triplet | 18acff | #18acff |
---|---|---|
RGB Decimal | 24, 172, 255 | rgb(24,172,255) |
RGB Percent | 9.4, 67.5, 100 | rgb(9.4%,67.5%,100%) |
CMYK | 91, 33, 0, 0 | |
HSL | 201.6°, 100, 54.7 | hsl(201.6,100%,54.7%) |
HSV (or HSB) | 201.6°, 90.6, 100 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 67.214, -6.64, -50.92 |
---|---|
XYZ | 33.175, 36.916, 99.979 |
xyY | 0.195, 0.217, 36.916 |
CIE-LCH | 67.214, 51.351, 262.57 |
CIE-LUV | 67.214, -42.126, -81.876 |
Hunter-Lab | 60.759, -8.865, -55.032 |
Binary | 00011000, 10101100, 11111111 |
Color Schemes with #18acff
Alternatives to #18acff
Below, you can see some colors close to #18acff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18acff Preview
This text has a font color of #18acff.
<span style="color:#18acff;">Text here</span>
This paragraph has a background color of #18acff.
<p style="background-color:#18acff;">Content here</p>
This element has a border color of #18acff.
<div style="border:1px solid #18acff;">Content here</div>
.text {color:#18acff;}
.background {background-color:#18acff;}
.border {border:1px solid #18acff;}
Shades and Tints of #18acff
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, #000304 is the darkest color, while #f0faff is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#000f18
#000f18
rgb(0,15,24)
-
#001c2c
#001c2c
rgb(0,28,44)
-
#00293f
#00293f
rgb(0,41,63)
-
#003553
#003553
rgb(0,53,83)
-
#004266
#004266
rgb(0,66,102)
-
#004e7a
#004e7a
rgb(0,78,122)
-
#005b8e
#005b8e
rgb(0,91,142)
-
#0067a1
#0067a1
rgb(0,103,161)
-
#0074b5
#0074b5
rgb(0,116,181)
-
#0080c9
#0080c9
rgb(0,128,201)
-
#008ddc
#008ddc
rgb(0,141,220)
-
#009af0
#009af0
rgb(0,154,240)
-
#04a5ff
#04a5ff
rgb(4,165,255)
-
#18acff
#18acff
rgb(24,172,255)
-
#2cb3ff
#2cb3ff
rgb(44,179,255)
-
#3fbaff
#3fbaff
rgb(63,186,255)
-
#53c1ff
#53c1ff
rgb(83,193,255)
-
#66c8ff
#66c8ff
rgb(102,200,255)
-
#7acfff
#7acfff
rgb(122,207,255)
-
#8ed6ff
#8ed6ff
rgb(142,214,255)
-
#a1ddff
#a1ddff
rgb(161,221,255)
-
#b5e4ff
#b5e4ff
rgb(181,228,255)
-
#c9ebff
#c9ebff
rgb(201,235,255)
-
#dcf2ff
#dcf2ff
rgb(220,242,255)
-
#f0faff
#f0faff
rgb(240,250,255)
Tones of #18acff
A tone is produced by adding gray to any pure hue. In this case, #838e94 is the less saturated color, while #18acff is the most saturated one.
-
#838e94
#838e94
rgb(131,142,148)
-
#7a919d
#7a919d
rgb(122,145,157)
-
#7193a6
#7193a6
rgb(113,147,166)
-
#6896af
#6896af
rgb(104,150,175)
-
#5f98b8
#5f98b8
rgb(95,152,184)
-
#569bc1
#569bc1
rgb(86,155,193)
-
#4d9dca
#4d9dca
rgb(77,157,202)
-
#44a0d3
#44a0d3
rgb(68,160,211)
-
#3ca2db
#3ca2db
rgb(60,162,219)
-
#33a5e4
#33a5e4
rgb(51,165,228)
-
#2aa7ed
#2aa7ed
rgb(42,167,237)
-
#21aaf6
#21aaf6
rgb(33,170,246)
-
#18acff
#18acff
rgb(24,172,255)
Color Blindness Simulator
Below, you can see how #18acff 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.