#2167ff Color Information
In a RGB color space, hex #2167ff is composed of 12.9% red, 40.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 59.6% magenta, 0% yellow and 0% black. It has a hue angle of 221.1 degrees, a saturation of 100% and a lightness of 56.5%. #2167ff color hex could be obtained by blending #42ceff with #0000ff. Closest websafe color is: #3366ff.
-
- R 13
- G 40
- B 100
-
- C 87
- M 60
- Y 0
- K 0
● #2167ff color description : Vivid blue.
#2167ff Color Conversion
The hexadecimal color #2167ff has RGB values of R:33, G:103, B:255 and CMYK values of C:0.87, M:0.6, Y:0, K:0. Its decimal value is 2189311.
Hex triplet | 2167ff | #2167ff |
---|---|---|
RGB Decimal | 33, 103, 255 | rgb(33,103,255) |
RGB Percent | 12.9, 40.4, 100 | rgb(12.9%,40.4%,100%) |
CMYK | 87, 60, 0, 0 | |
HSL | 221.1°, 100, 56.5 | hsl(221.1,100%,56.5%) |
HSV (or HSB) | 221.1°, 87.1, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 48.563, 35.634, -80.921 |
---|---|
XYZ | 23.524, 17.242, 96.69 |
xyY | 0.171, 0.125, 17.242 |
CIE-LCH | 48.563, 88.42, 293.766 |
CIE-LUV | 48.563, -21.088, -124.468 |
Hunter-Lab | 41.523, 28.457, -108.995 |
Binary | 00100001, 01100111, 11111111 |
Color Schemes with #2167ff
Alternatives to #2167ff
Below, you can see some colors close to #2167ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2167ff Preview
This text has a font color of #2167ff.
<span style="color:#2167ff;">Text here</span>
This paragraph has a background color of #2167ff.
<p style="background-color:#2167ff;">Content here</p>
This element has a border color of #2167ff.
<div style="border:1px solid #2167ff;">Content here</div>
.text {color:#2167ff;}
.background {background-color:#2167ff;}
.border {border:1px solid #2167ff;}
Shades and Tints of #2167ff
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, #00040d is the darkest color, while #f9fbff is the lightest one.
-
#00040d
#00040d
rgb(0,4,13)
-
#000a21
#000a21
rgb(0,10,33)
-
#001135
#001135
rgb(0,17,53)
-
#001748
#001748
rgb(0,23,72)
-
#001d5c
#001d5c
rgb(0,29,92)
-
#00236f
#00236f
rgb(0,35,111)
-
#002983
#002983
rgb(0,41,131)
-
#003097
#003097
rgb(0,48,151)
-
#0036aa
#0036aa
rgb(0,54,170)
-
#003cbe
#003cbe
rgb(0,60,190)
-
#0042d2
#0042d2
rgb(0,66,210)
-
#0048e5
#0048e5
rgb(0,72,229)
-
#004ef9
#004ef9
rgb(0,78,249)
-
#0d5aff
#0d5aff
rgb(13,90,255)
-
#2167ff
#2167ff
rgb(33,103,255)
-
#3574ff
#3574ff
rgb(53,116,255)
-
#4882ff
#4882ff
rgb(72,130,255)
-
#5c8fff
#5c8fff
rgb(92,143,255)
-
#6f9dff
#6f9dff
rgb(111,157,255)
-
#83aaff
#83aaff
rgb(131,170,255)
-
#97b8ff
#97b8ff
rgb(151,184,255)
-
#aac5ff
#aac5ff
rgb(170,197,255)
-
#bed2ff
#bed2ff
rgb(190,210,255)
-
#d2e0ff
#d2e0ff
rgb(210,224,255)
-
#e5edff
#e5edff
rgb(229,237,255)
-
#f9fbff
#f9fbff
rgb(249,251,255)
Tones of #2167ff
A tone is produced by adding gray to any pure hue. In this case, #878d99 is the less saturated color, while #2167ff is the most saturated one.
-
#878d99
#878d99
rgb(135,141,153)
-
#7f8aa1
#7f8aa1
rgb(127,138,161)
-
#7687aa
#7687aa
rgb(118,135,170)
-
#6e83b2
#6e83b2
rgb(110,131,178)
-
#6580bb
#6580bb
rgb(101,128,187)
-
#5d7dc3
#5d7dc3
rgb(93,125,195)
-
#547acc
#547acc
rgb(84,122,204)
-
#4c77d4
#4c77d4
rgb(76,119,212)
-
#4374dd
#4374dd
rgb(67,116,221)
-
#3b70e5
#3b70e5
rgb(59,112,229)
-
#326dee
#326dee
rgb(50,109,238)
-
#2a6af6
#2a6af6
rgb(42,106,246)
-
#2167ff
#2167ff
rgb(33,103,255)
Color Blindness Simulator
Below, you can see how #2167ff 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.