#2828ff Color Information
In a RGB color space, hex #2828ff is composed of 15.7% red, 15.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 84.3% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 57.8%. #2828ff color hex could be obtained by blending #5050ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 16
- G 16
- B 100
-
- C 84
- M 84
- Y 0
- K 0
● #2828ff color description : Vivid blue.
#2828ff Color Conversion
The hexadecimal color #2828ff has RGB values of R:40, G:40, B:255 and CMYK values of C:0.84, M:0.84, Y:0, K:0. Its decimal value is 2631935.
Hex triplet | 2828ff | #2828ff |
---|---|---|
RGB Decimal | 40, 40, 255 | rgb(40,40,255) |
RGB Percent | 15.7, 15.7, 100 | rgb(15.7%,15.7%,100%) |
CMYK | 84, 84, 0, 0 | |
HSL | 240°, 100, 57.8 | hsl(240,100%,57.8%) |
HSV (or HSB) | 240°, 84.3, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 36.342, 70.188, -101.092 |
---|---|
XYZ | 19.68, 9.187, 95.338 |
xyY | 0.158, 0.074, 9.187 |
CIE-LCH | 36.342, 123.068, 304.772 |
CIE-LUV | 36.342, -9.611, -133.184 |
Hunter-Lab | 30.311, 62.854, -165.273 |
Binary | 00101000, 00101000, 11111111 |
Color Schemes with #2828ff
Alternatives to #2828ff
Below, you can see some colors close to #2828ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2828ff Preview
This text has a font color of #2828ff.
<span style="color:#2828ff;">Text here</span>
This paragraph has a background color of #2828ff.
<p style="background-color:#2828ff;">Content here</p>
This element has a border color of #2828ff.
<div style="border:1px solid #2828ff;">Content here</div>
.text {color:#2828ff;}
.background {background-color:#2828ff;}
.border {border:1px solid #2828ff;}
Shades and Tints of #2828ff
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, #000001 is the darkest color, while #ececff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#000014
#000014
rgb(0,0,20)
-
#000028
#000028
rgb(0,0,40)
-
#00003c
#00003c
rgb(0,0,60)
-
#00004f
#00004f
rgb(0,0,79)
-
#000063
#000063
rgb(0,0,99)
-
#000076
#000076
rgb(0,0,118)
-
#00008a
#00008a
rgb(0,0,138)
-
#00009e
#00009e
rgb(0,0,158)
-
#0000b1
#0000b1
rgb(0,0,177)
-
#0000c5
#0000c5
rgb(0,0,197)
-
#0000d9
#0000d9
rgb(0,0,217)
-
#0000ec
#0000ec
rgb(0,0,236)
-
#0101ff
#0101ff
rgb(1,1,255)
-
#1414ff
#1414ff
rgb(20,20,255)
-
#2828ff
#2828ff
rgb(40,40,255)
-
#3c3cff
#3c3cff
rgb(60,60,255)
-
#4f4fff
#4f4fff
rgb(79,79,255)
-
#6363ff
#6363ff
rgb(99,99,255)
-
#7676ff
#7676ff
rgb(118,118,255)
-
#8a8aff
#8a8aff
rgb(138,138,255)
-
#9e9eff
#9e9eff
rgb(158,158,255)
-
#b1b1ff
#b1b1ff
rgb(177,177,255)
-
#c5c5ff
#c5c5ff
rgb(197,197,255)
-
#d9d9ff
#d9d9ff
rgb(217,217,255)
-
#ececff
#ececff
rgb(236,236,255)
Tones of #2828ff
A tone is produced by adding gray to any pure hue. In this case, #8b8b9c is the less saturated color, while #2828ff is the most saturated one.
-
#8b8b9c
#8b8b9c
rgb(139,139,156)
-
#8383a4
#8383a4
rgb(131,131,164)
-
#7b7bac
#7b7bac
rgb(123,123,172)
-
#7272b5
#7272b5
rgb(114,114,181)
-
#6a6abd
#6a6abd
rgb(106,106,189)
-
#6262c5
#6262c5
rgb(98,98,197)
-
#5a5acd
#5a5acd
rgb(90,90,205)
-
#5151d6
#5151d6
rgb(81,81,214)
-
#4949de
#4949de
rgb(73,73,222)
-
#4141e6
#4141e6
rgb(65,65,230)
-
#3939ee
#3939ee
rgb(57,57,238)
-
#3030f7
#3030f7
rgb(48,48,247)
-
#2828ff
#2828ff
rgb(40,40,255)
Color Blindness Simulator
Below, you can see how #2828ff 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.