#2198b2 Color Information
In a RGB color space, hex #2198b2 is composed of 12.9% red, 59.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 14.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 190.8 degrees, a saturation of 68.7% and a lightness of 41.4%. #2198b2 color hex could be obtained by blending #42ffff with #003165. Closest websafe color is: #339999.
-
- R 13
- G 60
- B 70
-
- C 81
- M 15
- Y 0
- K 30
● #2198b2 color description : Dark cyan.
#2198b2 Color Conversion
The hexadecimal color #2198b2 has RGB values of R:33, G:152, B:178 and CMYK values of C:0.81, M:0.15, Y:0, K:0.3. Its decimal value is 2201778.
Hex triplet | 2198b2 | #2198b2 |
---|---|---|
RGB Decimal | 33, 152, 178 | rgb(33,152,178) |
RGB Percent | 12.9, 59.6, 69.8 | rgb(12.9%,59.6%,69.8%) |
CMYK | 81, 15, 0, 30 | |
HSL | 190.8°, 68.7, 41.4 | hsl(190.8,68.7%,41.4%) |
HSV (or HSB) | 190.8°, 81.5, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.03, -22.249, -22.527 |
---|---|
XYZ | 19.889, 25.992, 46.086 |
xyY | 0.216, 0.283, 25.992 |
CIE-LCH | 58.03, 31.662, 225.355 |
CIE-LUV | 58.03, -39.735, -31.292 |
Hunter-Lab | 50.983, -19.584, -17.907 |
Binary | 00100001, 10011000, 10110010 |
Color Schemes with #2198b2
Alternatives to #2198b2
Below, you can see some colors close to #2198b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2198b2 Preview
This text has a font color of #2198b2.
<span style="color:#2198b2;">Text here</span>
This paragraph has a background color of #2198b2.
<p style="background-color:#2198b2;">Content here</p>
This element has a border color of #2198b2.
<div style="border:1px solid #2198b2;">Content here</div>
.text {color:#2198b2;}
.background {background-color:#2198b2;}
.border {border:1px solid #2198b2;}
Shades and Tints of #2198b2
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, #020b0d is the darkest color, while #fbfefe is the lightest one.
-
#020b0d
#020b0d
rgb(2,11,13)
-
#05191d
#05191d
rgb(5,25,29)
-
#08272e
#08272e
rgb(8,39,46)
-
#0c353e
#0c353e
rgb(12,53,62)
-
#0f434f
#0f434f
rgb(15,67,79)
-
#12515f
#12515f
rgb(18,81,95)
-
#155f70
#155f70
rgb(21,95,112)
-
#186e80
#186e80
rgb(24,110,128)
-
#1b7c91
#1b7c91
rgb(27,124,145)
-
#1e8aa1
#1e8aa1
rgb(30,138,161)
-
#2198b2
#2198b2
rgb(33,152,178)
-
#24a6c3
#24a6c3
rgb(36,166,195)
-
#27b4d3
#27b4d3
rgb(39,180,211)
-
#34bcd9
#34bcd9
rgb(52,188,217)
-
#45c1dd
#45c1dd
rgb(69,193,221)
-
#56c7e0
#56c7e0
rgb(86,199,224)
-
#66cce3
#66cce3
rgb(102,204,227)
-
#77d2e6
#77d2e6
rgb(119,210,230)
-
#87d7e9
#87d7e9
rgb(135,215,233)
-
#98ddec
#98ddec
rgb(152,221,236)
-
#a8e2ef
#a8e2ef
rgb(168,226,239)
-
#b9e8f2
#b9e8f2
rgb(185,232,242)
-
#c9edf5
#c9edf5
rgb(201,237,245)
-
#daf3f8
#daf3f8
rgb(218,243,248)
-
#eaf8fb
#eaf8fb
rgb(234,248,251)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #2198b2
A tone is produced by adding gray to any pure hue. In this case, #626e71 is the less saturated color, while #01add2 is the most saturated one.
-
#626e71
#626e71
rgb(98,110,113)
-
#5a7479
#5a7479
rgb(90,116,121)
-
#527981
#527981
rgb(82,121,129)
-
#4a7e89
#4a7e89
rgb(74,126,137)
-
#418392
#418392
rgb(65,131,146)
-
#39889a
#39889a
rgb(57,136,154)
-
#318ea2
#318ea2
rgb(49,142,162)
-
#2993aa
#2993aa
rgb(41,147,170)
-
#2198b2
#2198b2
rgb(33,152,178)
-
#199dba
#199dba
rgb(25,157,186)
-
#11a2c2
#11a2c2
rgb(17,162,194)
-
#09a8ca
#09a8ca
rgb(9,168,202)
-
#01add2
#01add2
rgb(1,173,210)
Color Blindness Simulator
Below, you can see how #2198b2 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.