#218aa5 hex color
In a RGB color space, hex #218aa5 is composed of 12.9% red, 54.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 16.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 192.3 degrees, a saturation of 66.7% and a lightness of 38.8%. #218aa5 color hex could be obtained by blending #42ffff with #00154b. Closest websafe color is: #339999.
-
- R 13
- G 54
- B 65
RGB color chart
-
- C 80
- M 16
- Y 0
- K 35
CMYK color chart
● #218aa5 color description : Dark cyan.
The hexadecimal color #218aa5 has RGB values of R:33, G:138, B:165 and CMYK values of C:0.8, M:0.16, Y:0, K:0.35. Its decimal value is 2198181.
Hex triplet | 218aa5 | #218aa5 |
---|---|---|
RGB Decimal | 33, 138, 165 | rgb(33,138,165) |
RGB Percent | 12.9, 54.1, 64.7 | rgb(12.9%,54.1%,64.7%) |
CMYK | 80, 16, 0, 35 | |
HSL | 192.3°, 66.7, 38.8 | hsl(192.3,66.7%,38.8%) |
HSV (or HSB) | 192.3°, 80, 64.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.184, -19.255, -22.534 |
---|---|
XYZ | 16.505, 21.215, 38.82 |
xyY | 0.216, 0.277, 21.215 |
CIE-LCH | 53.184, 29.64, 229.487 |
CIE-LUV | 53.184, -35.617, -31.22 |
Hunter-Lab | 46.06, -16.641, -17.729 |
Binary | 00100001, 10001010, 10100101 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #218aa5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #218aa5
This text has a font color of #218aa5.
<span style="color:#218aa5;">Text here</span>
#218aa5 background color
This paragraph has a background color of #218aa5.
<p style="background-color:#218aa5;">Content here</p>
#218aa5 border color
This element has a border color of #218aa5.
<div style="border:1px solid #218aa5;">Content here</div>
CSS codes
.text {color:#218aa5;}
.background {background-color:#218aa5;}
.border {border:1px solid #218aa5;}
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, #000102 is the darkest color, while #f0fafc is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#040f12
#040f12
rgb(4,15,18)
-
#071d22
#071d22
rgb(7,29,34)
-
#0a2a33
#0a2a33
rgb(10,42,51)
-
#0d3843
#0d3843
rgb(13,56,67)
-
#114653
#114653
rgb(17,70,83)
-
#145364
#145364
rgb(20,83,100)
-
#176174
#176174
rgb(23,97,116)
-
#1a6f84
#1a6f84
rgb(26,111,132)
-
#1e7c95
#1e7c95
rgb(30,124,149)
-
#218aa5
#218aa5
rgb(33,138,165)
-
#2498b5
#2498b5
rgb(36,152,181)
-
#28a5c6
#28a5c6
rgb(40,165,198)
Shade Color Variation
-
#2cb2d5
#2cb2d5
rgb(44,178,213)
-
#3cb8d8
#3cb8d8
rgb(60,184,216)
-
#4dbedb
#4dbedb
rgb(77,190,219)
-
#5dc4df
#5dc4df
rgb(93,196,223)
-
#6dcae2
#6dcae2
rgb(109,202,226)
-
#7ed0e5
#7ed0e5
rgb(126,208,229)
-
#8ed6e8
#8ed6e8
rgb(142,214,232)
-
#9edcec
#9edcec
rgb(158,220,236)
-
#afe2ef
#afe2ef
rgb(175,226,239)
-
#bfe8f2
#bfe8f2
rgb(191,232,242)
-
#d0eef6
#d0eef6
rgb(208,238,246)
-
#e0f4f9
#e0f4f9
rgb(224,244,249)
-
#f0fafc
#f0fafc
rgb(240,250,252)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #5e6668 is the less saturated color, while #039cc3 is the most saturated one.
-
#5e6668
#5e6668
rgb(94,102,104)
-
#566b70
#566b70
rgb(86,107,112)
-
#4f6f77
#4f6f77
rgb(79,111,119)
-
#47747f
#47747f
rgb(71,116,127)
-
#3f7887
#3f7887
rgb(63,120,135)
-
#387d8e
#387d8e
rgb(56,125,142)
-
#308196
#308196
rgb(48,129,150)
-
#29869d
#29869d
rgb(41,134,157)
-
#218aa5
#218aa5
rgb(33,138,165)
-
#198fad
#198fad
rgb(25,143,173)
-
#1293b4
#1293b4
rgb(18,147,180)
-
#0a98bc
#0a98bc
rgb(10,152,188)
-
#039cc3
#039cc3
rgb(3,156,195)
Tone Color Variation
Below, you can see how #218aa5 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.
Monochromacy
Dichromacy