#18d9f3 Color Information
In a RGB color space, hex #18d9f3 is composed of 9.4% red, 85.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 10.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 187.1 degrees, a saturation of 90.1% and a lightness of 52.4%. #18d9f3 color hex could be obtained by blending #30ffff with #00b3e7. Closest websafe color is: #00ccff.
-
- R 9
- G 85
- B 95
-
- C 90
- M 11
- Y 0
- K 5
● #18d9f3 color description : Vivid cyan.
#18d9f3 Color Conversion
The hexadecimal color #18d9f3 has RGB values of R:24, G:217, B:243 and CMYK values of C:0.9, M:0.11, Y:0, K:0.05. Its decimal value is 1628659.
Hex triplet | 18d9f3 | #18d9f3 |
---|---|---|
RGB Decimal | 24, 217, 243 | rgb(24,217,243) |
RGB Percent | 9.4, 85.1, 95.3 | rgb(9.4%,85.1%,95.3%) |
CMYK | 90, 11, 0, 5 | |
HSL | 187.1°, 90.1, 52.4 | hsl(187.1,90.1%,52.4%) |
HSV (or HSB) | 187.1°, 90.1, 95.3 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 79.777, -33.929, -24.949 |
---|---|
XYZ | 41.363, 56.287, 93.474 |
xyY | 0.216, 0.295, 56.287 |
CIE-LCH | 79.777, 42.115, 216.328 |
CIE-LUV | 79.777, -58.03, -35.165 |
Hunter-Lab | 75.025, -32.882, -21.353 |
Binary | 00011000, 11011001, 11110011 |
Color Schemes with #18d9f3
Alternatives to #18d9f3
Below, you can see some colors close to #18d9f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18d9f3 Preview
This text has a font color of #18d9f3.
<span style="color:#18d9f3;">Text here</span>
This paragraph has a background color of #18d9f3.
<p style="background-color:#18d9f3;">Content here</p>
This element has a border color of #18d9f3.
<div style="border:1px solid #18d9f3;">Content here</div>
.text {color:#18d9f3;}
.background {background-color:#18d9f3;}
.border {border:1px solid #18d9f3;}
Shades and Tints of #18d9f3
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, #010a0b is the darkest color, while #f8feff is the lightest one.
-
#010a0b
#010a0b
rgb(1,10,11)
-
#021b1e
#021b1e
rgb(2,27,30)
-
#032b31
#032b31
rgb(3,43,49)
-
#033c43
#033c43
rgb(3,60,67)
-
#044c56
#044c56
rgb(4,76,86)
-
#055d69
#055d69
rgb(5,93,105)
-
#066d7b
#066d7b
rgb(6,109,123)
-
#077e8e
#077e8e
rgb(7,126,142)
-
#088fa1
#088fa1
rgb(8,143,161)
-
#099fb3
#099fb3
rgb(9,159,179)
-
#0ab0c6
#0ab0c6
rgb(10,176,198)
-
#0bc0d9
#0bc0d9
rgb(11,192,217)
-
#0cd1eb
#0cd1eb
rgb(12,209,235)
-
#18d9f3
#18d9f3
rgb(24,217,243)
-
#2bdcf4
#2bdcf4
rgb(43,220,244)
-
#3ddff5
#3ddff5
rgb(61,223,245)
-
#50e2f6
#50e2f6
rgb(80,226,246)
-
#63e5f7
#63e5f7
rgb(99,229,247)
-
#75e8f8
#75e8f8
rgb(117,232,248)
-
#88ebf9
#88ebf9
rgb(136,235,249)
-
#9beefa
#9beefa
rgb(155,238,250)
-
#adf2fb
#adf2fb
rgb(173,242,251)
-
#c0f5fc
#c0f5fc
rgb(192,245,252)
-
#d2f8fd
#d2f8fd
rgb(210,248,253)
-
#e5fbfe
#e5fbfe
rgb(229,251,254)
-
#f8feff
#f8feff
rgb(248,254,255)
Tones of #18d9f3
A tone is produced by adding gray to any pure hue. In this case, #7f8b8c is the less saturated color, while #0fe0fc is the most saturated one.
-
#7f8b8c
#7f8b8c
rgb(127,139,140)
-
#759296
#759296
rgb(117,146,150)
-
#6c999f
#6c999f
rgb(108,153,159)
-
#63a0a8
#63a0a8
rgb(99,160,168)
-
#59a7b2
#59a7b2
rgb(89,167,178)
-
#50aebb
#50aebb
rgb(80,174,187)
-
#47b5c4
#47b5c4
rgb(71,181,196)
-
#3dbcce
#3dbcce
rgb(61,188,206)
-
#34c4d7
#34c4d7
rgb(52,196,215)
-
#2bcbe0
#2bcbe0
rgb(43,203,224)
-
#21d2ea
#21d2ea
rgb(33,210,234)
-
#18d9f3
#18d9f3
rgb(24,217,243)
-
#0fe0fc
#0fe0fc
rgb(15,224,252)
Color Blindness Simulator
Below, you can see how #18d9f3 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.