#2198e6 Color Information
In a RGB color space, hex #2198e6 is composed of 12.9% red, 59.6% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 33.9% magenta, 0% yellow and 9.8% black. It has a hue angle of 203.8 degrees, a saturation of 79.8% and a lightness of 51.6%. #2198e6 color hex could be obtained by blending #42ffff with #0031cd. Closest websafe color is: #3399ff.
-
- R 13
- G 60
- B 90
-
- C 86
- M 34
- Y 0
- K 10
● #2198e6 color description : Vivid blue.
#2198e6 Color Conversion
The hexadecimal color #2198e6 has RGB values of R:33, G:152, B:230 and CMYK values of C:0.86, M:0.34, Y:0, K:0.1. Its decimal value is 2201830.
Hex triplet | 2198e6 | #2198e6 |
---|---|---|
RGB Decimal | 33, 152, 230 | rgb(33,152,230) |
RGB Percent | 12.9, 59.6, 90.2 | rgb(12.9%,59.6%,90.2%) |
CMYK | 86, 34, 0, 10 | |
HSL | 203.8°, 79.8, 51.6 | hsl(203.8,79.8%,51.6%) |
HSV (or HSB) | 203.8°, 85.7, 90.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 60.329, -3.871, -48.098 |
---|---|
XYZ | 26.135, 28.491, 78.98 |
xyY | 0.196, 0.213, 28.491 |
CIE-LCH | 60.329, 48.254, 265.399 |
CIE-LUV | 60.329, -36.413, -76.039 |
Hunter-Lab | 53.377, -6.01, -50.367 |
Binary | 00100001, 10011000, 11100110 |
Color Schemes with #2198e6
Alternatives to #2198e6
Below, you can see some colors close to #2198e6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2198e6 Preview
This text has a font color of #2198e6.
<span style="color:#2198e6;">Text here</span>
This paragraph has a background color of #2198e6.
<p style="background-color:#2198e6;">Content here</p>
This element has a border color of #2198e6.
<div style="border:1px solid #2198e6;">Content here</div>
.text {color:#2198e6;}
.background {background-color:#2198e6;}
.border {border:1px solid #2198e6;}
Shades and Tints of #2198e6
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, #010507 is the darkest color, while #f5fafe is the lightest one.
-
#010507
#010507
rgb(1,5,7)
-
#031019
#031019
rgb(3,16,25)
-
#051c2a
#051c2a
rgb(5,28,42)
-
#07273c
#07273c
rgb(7,39,60)
-
#09324e
#09324e
rgb(9,50,78)
-
#0b3e5f
#0b3e5f
rgb(11,62,95)
-
#0d4971
#0d4971
rgb(13,73,113)
-
#0f5583
#0f5583
rgb(15,85,131)
-
#116094
#116094
rgb(17,96,148)
-
#136ca6
#136ca6
rgb(19,108,166)
-
#1577b7
#1577b7
rgb(21,119,183)
-
#1782c9
#1782c9
rgb(23,130,201)
-
#198edb
#198edb
rgb(25,142,219)
-
#2198e6
#2198e6
rgb(33,152,230)
-
#33a0e8
#33a0e8
rgb(51,160,232)
-
#44a8ea
#44a8ea
rgb(68,168,234)
-
#56b1ec
#56b1ec
rgb(86,177,236)
-
#68b9ee
#68b9ee
rgb(104,185,238)
-
#79c1f0
#79c1f0
rgb(121,193,240)
-
#8bc9f2
#8bc9f2
rgb(139,201,242)
-
#9cd1f4
#9cd1f4
rgb(156,209,244)
-
#aed9f6
#aed9f6
rgb(174,217,246)
-
#c0e2f8
#c0e2f8
rgb(192,226,248)
-
#d1eafa
#d1eafa
rgb(209,234,250)
-
#e3f2fc
#e3f2fc
rgb(227,242,252)
-
#f5fafe
#f5fafe
rgb(245,250,254)
Tones of #2198e6
A tone is produced by adding gray to any pure hue. In this case, #808487 is the less saturated color, while #0e9cf9 is the most saturated one.
-
#808487
#808487
rgb(128,132,135)
-
#778691
#778691
rgb(119,134,145)
-
#6d889a
#6d889a
rgb(109,136,154)
-
#648aa4
#648aa4
rgb(100,138,164)
-
#5a8cad
#5a8cad
rgb(90,140,173)
-
#518eb7
#518eb7
rgb(81,142,183)
-
#4790c0
#4790c0
rgb(71,144,192)
-
#3e92ca
#3e92ca
rgb(62,146,202)
-
#3494d3
#3494d3
rgb(52,148,211)
-
#2b96dd
#2b96dd
rgb(43,150,221)
-
#2198e6
#2198e6
rgb(33,152,230)
-
#189af0
#189af0
rgb(24,154,240)
-
#0e9cf9
#0e9cf9
rgb(14,156,249)
Color Blindness Simulator
Below, you can see how #2198e6 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.