#2182ff Color Information
In a RGB color space, hex #2182ff is composed of 12.9% red, 51% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 49% magenta, 0% yellow and 0% black. It has a hue angle of 213.8 degrees, a saturation of 100% and a lightness of 56.5%. #2182ff color hex could be obtained by blending #42ffff with #0005ff. Closest websafe color is: #3399ff.
-
- R 13
- G 51
- B 100
-
- C 87
- M 49
- Y 0
- K 0
● #2182ff color description : Vivid blue.
#2182ff Color Conversion
The hexadecimal color #2182ff has RGB values of R:33, G:130, B:255 and CMYK values of C:0.87, M:0.49, Y:0, K:0. Its decimal value is 2196223.
Hex triplet | 2182ff | #2182ff |
---|---|---|
RGB Decimal | 33, 130, 255 | rgb(33,130,255) |
RGB Percent | 12.9, 51, 100 | rgb(12.9%,51%,100%) |
CMYK | 87, 49, 0, 0 | |
HSL | 213.8°, 100, 56.5 | hsl(213.8,100%,56.5%) |
HSV (or HSB) | 213.8°, 87.1, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.59, 18.703, -69.496 |
---|---|
XYZ | 26.656, 23.506, 97.735 |
xyY | 0.18, 0.159, 23.506 |
CIE-LCH | 55.59, 71.969, 285.063 |
CIE-LUV | 55.59, -28.388, -111.098 |
Hunter-Lab | 48.483, 13.292, -85.581 |
Binary | 00100001, 10000010, 11111111 |
Color Schemes with #2182ff
Alternatives to #2182ff
Below, you can see some colors close to #2182ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2182ff Preview
This text has a font color of #2182ff.
<span style="color:#2182ff;">Text here</span>
This paragraph has a background color of #2182ff.
<p style="background-color:#2182ff;">Content here</p>
This element has a border color of #2182ff.
<div style="border:1px solid #2182ff;">Content here</div>
.text {color:#2182ff;}
.background {background-color:#2182ff;}
.border {border:1px solid #2182ff;}
Shades and Tints of #2182ff
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, #00060d is the darkest color, while #f9fbff is the lightest one.
-
#00060d
#00060d
rgb(0,6,13)
-
#000e21
#000e21
rgb(0,14,33)
-
#001735
#001735
rgb(0,23,53)
-
#002048
#002048
rgb(0,32,72)
-
#00285c
#00285c
rgb(0,40,92)
-
#00316f
#00316f
rgb(0,49,111)
-
#003983
#003983
rgb(0,57,131)
-
#004297
#004297
rgb(0,66,151)
-
#004aaa
#004aaa
rgb(0,74,170)
-
#0053be
#0053be
rgb(0,83,190)
-
#005cd2
#005cd2
rgb(0,92,210)
-
#0064e5
#0064e5
rgb(0,100,229)
-
#006df9
#006df9
rgb(0,109,249)
-
#0d77ff
#0d77ff
rgb(13,119,255)
-
#2182ff
#2182ff
rgb(33,130,255)
-
#358dff
#358dff
rgb(53,141,255)
-
#4898ff
#4898ff
rgb(72,152,255)
-
#5ca3ff
#5ca3ff
rgb(92,163,255)
-
#6faeff
#6faeff
rgb(111,174,255)
-
#83b9ff
#83b9ff
rgb(131,185,255)
-
#97c4ff
#97c4ff
rgb(151,196,255)
-
#aacfff
#aacfff
rgb(170,207,255)
-
#bedaff
#bedaff
rgb(190,218,255)
-
#d2e5ff
#d2e5ff
rgb(210,229,255)
-
#e5f0ff
#e5f0ff
rgb(229,240,255)
-
#f9fbff
#f9fbff
rgb(249,251,255)
Tones of #2182ff
A tone is produced by adding gray to any pure hue. In this case, #878f99 is the less saturated color, while #2182ff is the most saturated one.
-
#878f99
#878f99
rgb(135,143,153)
-
#7f8ea1
#7f8ea1
rgb(127,142,161)
-
#768daa
#768daa
rgb(118,141,170)
-
#6e8cb2
#6e8cb2
rgb(110,140,178)
-
#658bbb
#658bbb
rgb(101,139,187)
-
#5d8ac3
#5d8ac3
rgb(93,138,195)
-
#5488cc
#5488cc
rgb(84,136,204)
-
#4c87d4
#4c87d4
rgb(76,135,212)
-
#4386dd
#4386dd
rgb(67,134,221)
-
#3b85e5
#3b85e5
rgb(59,133,229)
-
#3284ee
#3284ee
rgb(50,132,238)
-
#2a83f6
#2a83f6
rgb(42,131,246)
-
#2182ff
#2182ff
rgb(33,130,255)
Color Blindness Simulator
Below, you can see how #2182ff 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.