#2198ec Color Information
In a RGB color space, hex #2198ec is composed of 12.9% red, 59.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 35.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 204.8 degrees, a saturation of 84.2% and a lightness of 52.7%. #2198ec color hex could be obtained by blending #42ffff with #0031d9. Closest websafe color is: #3399ff.
-
- R 13
- G 60
- B 93
-
- C 86
- M 36
- Y 0
- K 7
● #2198ec color description : Vivid blue.
#2198ec Color Conversion
The hexadecimal color #2198ec has RGB values of R:33, G:152, B:236 and CMYK values of C:0.86, M:0.36, Y:0, K:0.07. Its decimal value is 2201836.
Hex triplet | 2198ec | #2198ec |
---|---|---|
RGB Decimal | 33, 152, 236 | rgb(33,152,236) |
RGB Percent | 12.9, 59.6, 92.5 | rgb(12.9%,59.6%,92.5%) |
CMYK | 86, 36, 0, 7 | |
HSL | 204.8°, 84.2, 52.7 | hsl(204.8,84.2%,52.7%) |
HSV (or HSB) | 204.8°, 86, 92.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 60.634, -1.669, -50.933 |
---|---|
XYZ | 26.992, 28.833, 83.495 |
xyY | 0.194, 0.207, 28.833 |
CIE-LCH | 60.634, 50.961, 268.123 |
CIE-LUV | 60.634, -36.076, -81.056 |
Hunter-Lab | 53.697, -4.242, -54.604 |
Binary | 00100001, 10011000, 11101100 |
Color Schemes with #2198ec
Alternatives to #2198ec
Below, you can see some colors close to #2198ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2198ec Preview
This text has a font color of #2198ec.
<span style="color:#2198ec;">Text here</span>
This paragraph has a background color of #2198ec.
<p style="background-color:#2198ec;">Content here</p>
This element has a border color of #2198ec.
<div style="border:1px solid #2198ec;">Content here</div>
.text {color:#2198ec;}
.background {background-color:#2198ec;}
.border {border:1px solid #2198ec;}
Shades and Tints of #2198ec
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, #01080d is the darkest color, while #fafdff is the lightest one.
-
#01080d
#01080d
rgb(1,8,13)
-
#03131f
#03131f
rgb(3,19,31)
-
#041e31
#041e31
rgb(4,30,49)
-
#062a43
#062a43
rgb(6,42,67)
-
#073555
#073555
rgb(7,53,85)
-
#094067
#094067
rgb(9,64,103)
-
#0a4b79
#0a4b79
rgb(10,75,121)
-
#0c578b
#0c578b
rgb(12,87,139)
-
#0d629d
#0d629d
rgb(13,98,157)
-
#0f6db0
#0f6db0
rgb(15,109,176)
-
#1178c2
#1178c2
rgb(17,120,194)
-
#1284d4
#1284d4
rgb(18,132,212)
-
#148fe6
#148fe6
rgb(20,143,230)
-
#2198ec
#2198ec
rgb(33,152,236)
-
#33a0ee
#33a0ee
rgb(51,160,238)
-
#45a9ef
#45a9ef
rgb(69,169,239)
-
#57b1f1
#57b1f1
rgb(87,177,241)
-
#69baf2
#69baf2
rgb(105,186,242)
-
#7bc2f4
#7bc2f4
rgb(123,194,244)
-
#8dcaf5
#8dcaf5
rgb(141,202,245)
-
#9fd3f7
#9fd3f7
rgb(159,211,247)
-
#b2dbf8
#b2dbf8
rgb(178,219,248)
-
#c4e3fa
#c4e3fa
rgb(196,227,250)
-
#d6ecfb
#d6ecfb
rgb(214,236,251)
-
#e8f4fd
#e8f4fd
rgb(232,244,253)
-
#fafdff
#fafdff
rgb(250,253,255)
Tones of #2198ec
A tone is produced by adding gray to any pure hue. In this case, #7e888f is the less saturated color, while #0e9bff is the most saturated one.
-
#7e888f
#7e888f
rgb(126,136,143)
-
#748a99
#748a99
rgb(116,138,153)
-
#6b8ba2
#6b8ba2
rgb(107,139,162)
-
#628dab
#628dab
rgb(98,141,171)
-
#598eb4
#598eb4
rgb(89,142,180)
-
#4f90be
#4f90be
rgb(79,144,190)
-
#4692c7
#4692c7
rgb(70,146,199)
-
#3d93d0
#3d93d0
rgb(61,147,208)
-
#3495d9
#3495d9
rgb(52,149,217)
-
#2a96e3
#2a96e3
rgb(42,150,227)
-
#2198ec
#2198ec
rgb(33,152,236)
-
#189af5
#189af5
rgb(24,154,245)
-
#0e9bff
#0e9bff
rgb(14,155,255)
Color Blindness Simulator
Below, you can see how #2198ec 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.