#18a3d2 Color Information
In a RGB color space, hex #18a3d2 is composed of 9.4% red, 63.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 22.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 195.2 degrees, a saturation of 79.5% and a lightness of 45.9%. #18a3d2 color hex could be obtained by blending #30ffff with #0047a5. Closest websafe color is: #0099cc.
-
- R 9
- G 64
- B 82
-
- C 89
- M 22
- Y 0
- K 18
● #18a3d2 color description : Strong blue.
#18a3d2 Color Conversion
The hexadecimal color #18a3d2 has RGB values of R:24, G:163, B:210 and CMYK values of C:0.89, M:0.22, Y:0, K:0.18. Its decimal value is 1614802.
Hex triplet | 18a3d2 | #18a3d2 |
---|---|---|
RGB Decimal | 24, 163, 210 | rgb(24,163,210) |
RGB Percent | 9.4, 63.9, 82.4 | rgb(9.4%,63.9%,82.4%) |
CMYK | 89, 22, 0, 18 | |
HSL | 195.2°, 79.5, 45.9 | hsl(195.2,79.5%,45.9%) |
HSV (or HSB) | 195.2°, 88.6, 82.4 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 62.541, -17.737, -33.536 |
---|---|
XYZ | 25.104, 31.039, 65.637 |
xyY | 0.206, 0.255, 31.039 |
CIE-LCH | 62.541, 37.937, 242.126 |
CIE-LUV | 62.541, -42.119, -50.461 |
Hunter-Lab | 55.713, -17.067, -30.853 |
Binary | 00011000, 10100011, 11010010 |
Color Schemes with #18a3d2
Alternatives to #18a3d2
Below, you can see some colors close to #18a3d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18a3d2 Preview
This text has a font color of #18a3d2.
<span style="color:#18a3d2;">Text here</span>
This paragraph has a background color of #18a3d2.
<p style="background-color:#18a3d2;">Content here</p>
This element has a border color of #18a3d2.
<div style="border:1px solid #18a3d2;">Content here</div>
.text {color:#18a3d2;}
.background {background-color:#18a3d2;}
.border {border:1px solid #18a3d2;}
Shades and Tints of #18a3d2
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, #020d10 is the darkest color, while #feffff is the lightest one.
-
#020d10
#020d10
rgb(2,13,16)
-
#041a22
#041a22
rgb(4,26,34)
-
#062834
#062834
rgb(6,40,52)
-
#083645
#083645
rgb(8,54,69)
-
#0a4357
#0a4357
rgb(10,67,87)
-
#0c5168
#0c5168
rgb(12,81,104)
-
#0e5f7a
#0e5f7a
rgb(14,95,122)
-
#106c8c
#106c8c
rgb(16,108,140)
-
#127a9d
#127a9d
rgb(18,122,157)
-
#1488af
#1488af
rgb(20,136,175)
-
#1695c0
#1695c0
rgb(22,149,192)
-
#18a3d2
#18a3d2
rgb(24,163,210)
-
#1ab1e4
#1ab1e4
rgb(26,177,228)
-
#2bb7e7
#2bb7e7
rgb(43,183,231)
-
#3cbde9
#3cbde9
rgb(60,189,233)
-
#4ec3eb
#4ec3eb
rgb(78,195,235)
-
#5fc9ed
#5fc9ed
rgb(95,201,237)
-
#71cfef
#71cfef
rgb(113,207,239)
-
#83d5f1
#83d5f1
rgb(131,213,241)
-
#94dbf3
#94dbf3
rgb(148,219,243)
-
#a6e1f5
#a6e1f5
rgb(166,225,245)
-
#b7e7f7
#b7e7f7
rgb(183,231,247)
-
#c9edf9
#c9edf9
rgb(201,237,249)
-
#dbf3fb
#dbf3fb
rgb(219,243,251)
-
#ecf9fd
#ecf9fd
rgb(236,249,253)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #18a3d2
A tone is produced by adding gray to any pure hue. In this case, #727678 is the less saturated color, while #06ace4 is the most saturated one.
-
#727678
#727678
rgb(114,118,120)
-
#697b81
#697b81
rgb(105,123,129)
-
#607f8a
#607f8a
rgb(96,127,138)
-
#578493
#578493
rgb(87,132,147)
-
#4e889c
#4e889c
rgb(78,136,156)
-
#458da5
#458da5
rgb(69,141,165)
-
#3c91ae
#3c91ae
rgb(60,145,174)
-
#3396b7
#3396b7
rgb(51,150,183)
-
#2a9ac0
#2a9ac0
rgb(42,154,192)
-
#219fc9
#219fc9
rgb(33,159,201)
-
#18a3d2
#18a3d2
rgb(24,163,210)
-
#0fa7db
#0fa7db
rgb(15,167,219)
-
#06ace4
#06ace4
rgb(6,172,228)
Color Blindness Simulator
Below, you can see how #18a3d2 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.