#2198e5 Color Information
In a RGB color space, hex #2198e5 is composed of 12.9% red, 59.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 33.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 203.6 degrees, a saturation of 79% and a lightness of 51.4%. #2198e5 color hex could be obtained by blending #42ffff with #0031cb. Closest websafe color is: #3399cc.
-
- R 13
- G 60
- B 90
-
- C 86
- M 34
- Y 0
- K 10
● #2198e5 color description : Vivid blue.
#2198e5 Color Conversion
The hexadecimal color #2198e5 has RGB values of R:33, G:152, B:229 and CMYK values of C:0.86, M:0.34, Y:0, K:0.1. Its decimal value is 2201829.
Hex triplet | 2198e5 | #2198e5 |
---|---|---|
RGB Decimal | 33, 152, 229 | rgb(33,152,229) |
RGB Percent | 12.9, 59.6, 89.8 | rgb(12.9%,59.6%,89.8%) |
CMYK | 86, 34, 0, 10 | |
HSL | 203.6°, 79, 51.4 | hsl(203.6,79%,51.4%) |
HSV (or HSB) | 203.6°, 85.6, 89.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 60.279, -4.237, -47.623 |
---|---|
XYZ | 25.995, 28.435, 78.243 |
xyY | 0.196, 0.214, 28.435 |
CIE-LCH | 60.279, 47.812, 264.916 |
CIE-LUV | 60.279, -36.47, -75.199 |
Hunter-Lab | 53.324, -6.301, -49.67 |
Binary | 00100001, 10011000, 11100101 |
Color Schemes with #2198e5
Alternatives to #2198e5
Below, you can see some colors close to #2198e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2198e5 Preview
This text has a font color of #2198e5.
<span style="color:#2198e5;">Text here</span>
This paragraph has a background color of #2198e5.
<p style="background-color:#2198e5;">Content here</p>
This element has a border color of #2198e5.
<div style="border:1px solid #2198e5;">Content here</div>
.text {color:#2198e5;}
.background {background-color:#2198e5;}
.border {border:1px solid #2198e5;}
Shades and Tints of #2198e5
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, #010406 is the darkest color, while #f4fafe is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#031018
#031018
rgb(3,16,24)
-
#051b29
#051b29
rgb(5,27,41)
-
#07263b
#07263b
rgb(7,38,59)
-
#09324d
#09324d
rgb(9,50,77)
-
#0b3d5e
#0b3d5e
rgb(11,61,94)
-
#0d4970
#0d4970
rgb(13,73,112)
-
#0f5481
#0f5481
rgb(15,84,129)
-
#116093
#116093
rgb(17,96,147)
-
#136ba4
#136ba4
rgb(19,107,164)
-
#1577b6
#1577b6
rgb(21,119,182)
-
#1782c7
#1782c7
rgb(23,130,199)
-
#198ed9
#198ed9
rgb(25,142,217)
-
#2198e5
#2198e5
rgb(33,152,229)
-
#33a0e7
#33a0e7
rgb(51,160,231)
-
#44a8e9
#44a8e9
rgb(68,168,233)
-
#56b0eb
#56b0eb
rgb(86,176,235)
-
#67b9ed
#67b9ed
rgb(103,185,237)
-
#79c1ef
#79c1ef
rgb(121,193,239)
-
#8ac9f1
#8ac9f1
rgb(138,201,241)
-
#9cd1f3
#9cd1f3
rgb(156,209,243)
-
#add9f5
#add9f5
rgb(173,217,245)
-
#bfe1f8
#bfe1f8
rgb(191,225,248)
-
#d1e9fa
#d1e9fa
rgb(209,233,250)
-
#e2f2fc
#e2f2fc
rgb(226,242,252)
-
#f4fafe
#f4fafe
rgb(244,250,254)
Tones of #2198e5
A tone is produced by adding gray to any pure hue. In this case, #808486 is the less saturated color, while #0e9cf8 is the most saturated one.
-
#808486
#808486
rgb(128,132,134)
-
#77868f
#77868f
rgb(119,134,143)
-
#6d8899
#6d8899
rgb(109,136,153)
-
#648aa2
#648aa2
rgb(100,138,162)
-
#5a8cac
#5a8cac
rgb(90,140,172)
-
#518eb5
#518eb5
rgb(81,142,181)
-
#4790bf
#4790bf
rgb(71,144,191)
-
#3e92c8
#3e92c8
rgb(62,146,200)
-
#3494d2
#3494d2
rgb(52,148,210)
-
#2b96db
#2b96db
rgb(43,150,219)
-
#2198e5
#2198e5
rgb(33,152,229)
-
#179aef
#179aef
rgb(23,154,239)
-
#0e9cf8
#0e9cf8
rgb(14,156,248)
Color Blindness Simulator
Below, you can see how #2198e5 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.