#18bdf2 Color Information
In a RGB color space, hex #18bdf2 is composed of 9.4% red, 74.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 21.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 194.6 degrees, a saturation of 89.3% and a lightness of 52.2%. #18bdf2 color hex could be obtained by blending #30ffff with #007be5. Closest websafe color is: #00ccff.
-
- R 9
- G 74
- B 95
-
- C 90
- M 22
- Y 0
- K 5
● #18bdf2 color description : Vivid cyan.
#18bdf2 Color Conversion
The hexadecimal color #18bdf2 has RGB values of R:24, G:189, B:242 and CMYK values of C:0.9, M:0.22, Y:0, K:0.05. Its decimal value is 1621490.
Hex triplet | 18bdf2 | #18bdf2 |
---|---|---|
RGB Decimal | 24, 189, 242 | rgb(24,189,242) |
RGB Percent | 9.4, 74.1, 94.9 | rgb(9.4%,74.1%,94.9%) |
CMYK | 90, 22, 0, 5 | |
HSL | 194.6°, 89.3, 52.2 | hsl(194.6,89.3%,52.2%) |
HSV (or HSB) | 194.6°, 90.1, 94.9 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 71.553, -20.381, -37.074 |
---|---|
XYZ | 34.597, 42.997, 90.475 |
xyY | 0.206, 0.256, 42.997 |
CIE-LCH | 71.553, 42.307, 241.2 |
CIE-LUV | 71.553, -48.665, -57.128 |
Hunter-Lab | 65.572, -20.571, -35.907 |
Binary | 00011000, 10111101, 11110010 |
Color Schemes with #18bdf2
Alternatives to #18bdf2
Below, you can see some colors close to #18bdf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18bdf2 Preview
This text has a font color of #18bdf2.
<span style="color:#18bdf2;">Text here</span>
This paragraph has a background color of #18bdf2.
<p style="background-color:#18bdf2;">Content here</p>
This element has a border color of #18bdf2.
<div style="border:1px solid #18bdf2;">Content here</div>
.text {color:#18bdf2;}
.background {background-color:#18bdf2;}
.border {border:1px solid #18bdf2;}
Shades and Tints of #18bdf2
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, #01080a is the darkest color, while #f7fdff is the lightest one.
-
#01080a
#01080a
rgb(1,8,10)
-
#02161d
#02161d
rgb(2,22,29)
-
#032530
#032530
rgb(3,37,48)
-
#043342
#043342
rgb(4,51,66)
-
#054155
#054155
rgb(5,65,85)
-
#065067
#065067
rgb(6,80,103)
-
#075e7a
#075e7a
rgb(7,94,122)
-
#086c8c
#086c8c
rgb(8,108,140)
-
#097b9f
#097b9f
rgb(9,123,159)
-
#0a89b2
#0a89b2
rgb(10,137,178)
-
#0b97c4
#0b97c4
rgb(11,151,196)
-
#0ca5d7
#0ca5d7
rgb(12,165,215)
-
#0db4e9
#0db4e9
rgb(13,180,233)
-
#18bdf2
#18bdf2
rgb(24,189,242)
-
#2bc2f3
#2bc2f3
rgb(43,194,243)
-
#3dc8f4
#3dc8f4
rgb(61,200,244)
-
#50cdf5
#50cdf5
rgb(80,205,245)
-
#62d2f6
#62d2f6
rgb(98,210,246)
-
#75d8f7
#75d8f7
rgb(117,216,247)
-
#87ddf8
#87ddf8
rgb(135,221,248)
-
#9ae2f9
#9ae2f9
rgb(154,226,249)
-
#ade7fa
#ade7fa
rgb(173,231,250)
-
#bfedfb
#bfedfb
rgb(191,237,251)
-
#d2f2fc
#d2f2fc
rgb(210,242,252)
-
#e4f7fd
#e4f7fd
rgb(228,247,253)
-
#f7fdff
#f7fdff
rgb(247,253,255)
Tones of #18bdf2
A tone is produced by adding gray to any pure hue. In this case, #7f888b is the less saturated color, while #0fc2fb is the most saturated one.
-
#7f888b
#7f888b
rgb(127,136,139)
-
#768d94
#768d94
rgb(118,141,148)
-
#6c929e
#6c929e
rgb(108,146,158)
-
#6396a7
#6396a7
rgb(99,150,167)
-
#5a9bb0
#5a9bb0
rgb(90,155,176)
-
#50a0ba
#50a0ba
rgb(80,160,186)
-
#47a5c3
#47a5c3
rgb(71,165,195)
-
#3eaacc
#3eaacc
rgb(62,170,204)
-
#34afd6
#34afd6
rgb(52,175,214)
-
#2bb3df
#2bb3df
rgb(43,179,223)
-
#21b8e9
#21b8e9
rgb(33,184,233)
-
#18bdf2
#18bdf2
rgb(24,189,242)
-
#0fc2fb
#0fc2fb
rgb(15,194,251)
Color Blindness Simulator
Below, you can see how #18bdf2 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.