#18bdd2 Color Information
In a RGB color space, hex #18bdd2 is composed of 9.4% red, 74.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 10% magenta, 0% yellow and 17.6% black. It has a hue angle of 186.8 degrees, a saturation of 79.5% and a lightness of 45.9%. #18bdd2 color hex could be obtained by blending #30ffff with #007ba5. Closest websafe color is: #00cccc.
-
- R 9
- G 74
- B 82
-
- C 89
- M 10
- Y 0
- K 18
● #18bdd2 color description : Strong cyan.
#18bdd2 Color Conversion
The hexadecimal color #18bdd2 has RGB values of R:24, G:189, B:210 and CMYK values of C:0.89, M:0.1, Y:0, K:0.18. Its decimal value is 1621458.
Hex triplet | 18bdd2 | #18bdd2 |
---|---|---|
RGB Decimal | 24, 189, 210 | rgb(24,189,210) |
RGB Percent | 9.4, 74.1, 82.4 | rgb(9.4%,74.1%,82.4%) |
CMYK | 89, 10, 0, 18 | |
HSL | 186.8°, 79.5, 45.9 | hsl(186.8,79.5%,45.9%) |
HSV (or HSB) | 186.8°, 88.6, 82.4 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 70.343, -30.968, -21.529 |
---|---|
XYZ | 30.204, 41.24, 67.337 |
xyY | 0.218, 0.297, 41.24 |
CIE-LCH | 70.343, 37.717, 214.807 |
CIE-LUV | 70.343, -51.063, -29.352 |
Hunter-Lab | 64.218, -28.427, -17.217 |
Binary | 00011000, 10111101, 11010010 |
Color Schemes with #18bdd2
Alternatives to #18bdd2
Below, you can see some colors close to #18bdd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18bdd2 Preview
This text has a font color of #18bdd2.
<span style="color:#18bdd2;">Text here</span>
This paragraph has a background color of #18bdd2.
<p style="background-color:#18bdd2;">Content here</p>
This element has a border color of #18bdd2.
<div style="border:1px solid #18bdd2;">Content here</div>
.text {color:#18bdd2;}
.background {background-color:#18bdd2;}
.border {border:1px solid #18bdd2;}
Shades and Tints of #18bdd2
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, #020f10 is the darkest color, while #feffff is the lightest one.
-
#020f10
#020f10
rgb(2,15,16)
-
#041f22
#041f22
rgb(4,31,34)
-
#062e34
#062e34
rgb(6,46,52)
-
#083e45
#083e45
rgb(8,62,69)
-
#0a4e57
#0a4e57
rgb(10,78,87)
-
#0c5e68
#0c5e68
rgb(12,94,104)
-
#0e6e7a
#0e6e7a
rgb(14,110,122)
-
#107e8c
#107e8c
rgb(16,126,140)
-
#128d9d
#128d9d
rgb(18,141,157)
-
#149daf
#149daf
rgb(20,157,175)
-
#16adc0
#16adc0
rgb(22,173,192)
-
#18bdd2
#18bdd2
rgb(24,189,210)
-
#1acde4
#1acde4
rgb(26,205,228)
-
#2bd1e7
#2bd1e7
rgb(43,209,231)
-
#3cd5e9
#3cd5e9
rgb(60,213,233)
-
#4ed9eb
#4ed9eb
rgb(78,217,235)
-
#5fdded
#5fdded
rgb(95,221,237)
-
#71e1ef
#71e1ef
rgb(113,225,239)
-
#83e4f1
#83e4f1
rgb(131,228,241)
-
#94e8f3
#94e8f3
rgb(148,232,243)
-
#a6ecf5
#a6ecf5
rgb(166,236,245)
-
#b7f0f7
#b7f0f7
rgb(183,240,247)
-
#c9f3f9
#c9f3f9
rgb(201,243,249)
-
#dbf7fb
#dbf7fb
rgb(219,247,251)
-
#ecfbfd
#ecfbfd
rgb(236,251,253)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #18bdd2
A tone is produced by adding gray to any pure hue. In this case, #727778 is the less saturated color, while #06cbe4 is the most saturated one.
-
#727778
#727778
rgb(114,119,120)
-
#697e81
#697e81
rgb(105,126,129)
-
#60858a
#60858a
rgb(96,133,138)
-
#578c93
#578c93
rgb(87,140,147)
-
#4e939c
#4e939c
rgb(78,147,156)
-
#459aa5
#459aa5
rgb(69,154,165)
-
#3ca1ae
#3ca1ae
rgb(60,161,174)
-
#33a8b7
#33a8b7
rgb(51,168,183)
-
#2aafc0
#2aafc0
rgb(42,175,192)
-
#21b6c9
#21b6c9
rgb(33,182,201)
-
#18bdd2
#18bdd2
rgb(24,189,210)
-
#0fc4db
#0fc4db
rgb(15,196,219)
-
#06cbe4
#06cbe4
rgb(6,203,228)
Color Blindness Simulator
Below, you can see how #18bdd2 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.