#2168ff Color Information
In a RGB color space, hex #2168ff is composed of 12.9% red, 40.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 59.2% magenta, 0% yellow and 0% black. It has a hue angle of 220.8 degrees, a saturation of 100% and a lightness of 56.5%. #2168ff color hex could be obtained by blending #42d0ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 13
- G 41
- B 100
-
- C 87
- M 59
- Y 0
- K 0
● #2168ff color description : Vivid blue.
#2168ff Color Conversion
The hexadecimal color #2168ff has RGB values of R:33, G:104, B:255 and CMYK values of C:0.87, M:0.59, Y:0, K:0. Its decimal value is 2189567.
Hex triplet | 2168ff | #2168ff |
---|---|---|
RGB Decimal | 33, 104, 255 | rgb(33,104,255) |
RGB Percent | 12.9, 40.8, 100 | rgb(12.9%,40.8%,100%) |
CMYK | 87, 59, 0, 0 | |
HSL | 220.8°, 100, 56.5 | hsl(220.8,100%,56.5%) |
HSV (or HSB) | 220.8°, 87.1, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 48.812, 35.006, -80.514 |
---|---|
XYZ | 23.624, 17.442, 96.724 |
xyY | 0.171, 0.127, 17.442 |
CIE-LCH | 48.812, 87.795, 293.498 |
CIE-LUV | 48.812, -21.336, -124.077 |
Hunter-Lab | 41.764, 27.882, -108.08 |
Binary | 00100001, 01101000, 11111111 |
Color Schemes with #2168ff
Alternatives to #2168ff
Below, you can see some colors close to #2168ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2168ff Preview
This text has a font color of #2168ff.
<span style="color:#2168ff;">Text here</span>
This paragraph has a background color of #2168ff.
<p style="background-color:#2168ff;">Content here</p>
This element has a border color of #2168ff.
<div style="border:1px solid #2168ff;">Content here</div>
.text {color:#2168ff;}
.background {background-color:#2168ff;}
.border {border:1px solid #2168ff;}
Shades and Tints of #2168ff
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)
-
#000b21
#000b21
rgb(0,11,33)
-
#001135
#001135
rgb(0,17,53)
-
#001748
#001748
rgb(0,23,72)
-
#001d5c
#001d5c
rgb(0,29,92)
-
#00246f
#00246f
rgb(0,36,111)
-
#002a83
#002a83
rgb(0,42,131)
-
#003097
#003097
rgb(0,48,151)
-
#0036aa
#0036aa
rgb(0,54,170)
-
#003dbe
#003dbe
rgb(0,61,190)
-
#0043d2
#0043d2
rgb(0,67,210)
-
#0049e5
#0049e5
rgb(0,73,229)
-
#0050f9
#0050f9
rgb(0,80,249)
-
#0d5bff
#0d5bff
rgb(13,91,255)
-
#2168ff
#2168ff
rgb(33,104,255)
-
#3575ff
#3575ff
rgb(53,117,255)
-
#4883ff
#4883ff
rgb(72,131,255)
-
#5c90ff
#5c90ff
rgb(92,144,255)
-
#6f9dff
#6f9dff
rgb(111,157,255)
-
#83abff
#83abff
rgb(131,171,255)
-
#97b8ff
#97b8ff
rgb(151,184,255)
-
#aac5ff
#aac5ff
rgb(170,197,255)
-
#bed3ff
#bed3ff
rgb(190,211,255)
-
#d2e0ff
#d2e0ff
rgb(210,224,255)
-
#e5edff
#e5edff
rgb(229,237,255)
-
#f9fbff
#f9fbff
rgb(249,251,255)
Tones of #2168ff
A tone is produced by adding gray to any pure hue. In this case, #878d99 is the less saturated color, while #2168ff is the most saturated one.
-
#878d99
#878d99
rgb(135,141,153)
-
#7f8aa1
#7f8aa1
rgb(127,138,161)
-
#7687aa
#7687aa
rgb(118,135,170)
-
#6e84b2
#6e84b2
rgb(110,132,178)
-
#6581bb
#6581bb
rgb(101,129,187)
-
#5d7ec3
#5d7ec3
rgb(93,126,195)
-
#547acc
#547acc
rgb(84,122,204)
-
#4c77d4
#4c77d4
rgb(76,119,212)
-
#4374dd
#4374dd
rgb(67,116,221)
-
#3b71e5
#3b71e5
rgb(59,113,229)
-
#326eee
#326eee
rgb(50,110,238)
-
#2a6bf6
#2a6bf6
rgb(42,107,246)
-
#2168ff
#2168ff
rgb(33,104,255)
Color Blindness Simulator
Below, you can see how #2168ff 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.