#2778ee Color Information
In a RGB color space, hex #2778ee is composed of 15.3% red, 47.1% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 49.6% magenta, 0% yellow and 6.7% black. It has a hue angle of 215.6 degrees, a saturation of 85.4% and a lightness of 54.3%. #2778ee color hex could be obtained by blending #4ef0ff with #0000dd. Closest websafe color is: #3366ff.
-
- R 15
- G 47
- B 93
-
- C 84
- M 50
- Y 0
- K 7
● #2778ee color description : Bright blue.
#2778ee Color Conversion
The hexadecimal color #2778ee has RGB values of R:39, G:120, B:238 and CMYK values of C:0.84, M:0.5, Y:0, K:0.07. Its decimal value is 2586862.
Hex triplet | 2778ee | #2778ee |
---|---|---|
RGB Decimal | 39, 120, 238 | rgb(39,120,238) |
RGB Percent | 15.3, 47.1, 93.3 | rgb(15.3%,47.1%,93.3%) |
CMYK | 84, 50, 0, 7 | |
HSL | 215.6°, 85.4, 54.3 | hsl(215.6,85.4%,54.3%) |
HSV (or HSB) | 215.6°, 83.6, 93.3 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 51.877, 18.924, -66.065 |
---|---|
XYZ | 22.982, 20.035, 83.54 |
xyY | 0.182, 0.158, 20.035 |
CIE-LCH | 51.877, 68.722, 285.984 |
CIE-LUV | 51.877, -25.439, -104.037 |
Hunter-Lab | 44.761, 13.319, -79.324 |
Binary | 00100111, 01111000, 11101110 |
Color Schemes with #2778ee
Alternatives to #2778ee
Below, you can see some colors close to #2778ee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2778ee Preview
This text has a font color of #2778ee.
<span style="color:#2778ee;">Text here</span>
This paragraph has a background color of #2778ee.
<p style="background-color:#2778ee;">Content here</p>
This element has a border color of #2778ee.
<div style="border:1px solid #2778ee;">Content here</div>
.text {color:#2778ee;}
.background {background-color:#2778ee;}
.border {border:1px solid #2778ee;}
Shades and Tints of #2778ee
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, #000102 is the darkest color, while #eff5fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#020914
#020914
rgb(2,9,20)
-
#031227
#031227
rgb(3,18,39)
-
#041a39
#041a39
rgb(4,26,57)
-
#06224b
#06224b
rgb(6,34,75)
-
#072a5d
#072a5d
rgb(7,42,93)
-
#09336f
#09336f
rgb(9,51,111)
-
#0a3b82
#0a3b82
rgb(10,59,130)
-
#0c4394
#0c4394
rgb(12,67,148)
-
#0d4ba6
#0d4ba6
rgb(13,75,166)
-
#0e54b8
#0e54b8
rgb(14,84,184)
-
#105cca
#105cca
rgb(16,92,202)
-
#1164dc
#1164dc
rgb(17,100,220)
-
#156ded
#156ded
rgb(21,109,237)
-
#2778ee
#2778ee
rgb(39,120,238)
-
#3983ef
#3983ef
rgb(57,131,239)
-
#4b8ff1
#4b8ff1
rgb(75,143,241)
-
#5e9af2
#5e9af2
rgb(94,154,242)
-
#70a5f4
#70a5f4
rgb(112,165,244)
-
#82b1f5
#82b1f5
rgb(130,177,245)
-
#94bcf7
#94bcf7
rgb(148,188,247)
-
#a6c8f8
#a6c8f8
rgb(166,200,248)
-
#b8d3f9
#b8d3f9
rgb(184,211,249)
-
#cbdefb
#cbdefb
rgb(203,222,251)
-
#ddeafc
#ddeafc
rgb(221,234,252)
-
#eff5fe
#eff5fe
rgb(239,245,254)
Tones of #2778ee
A tone is produced by adding gray to any pure hue. In this case, #8a8a8b is the less saturated color, while #1e76f7 is the most saturated one.
-
#8a8a8b
#8a8a8b
rgb(138,138,139)
-
#818994
#818994
rgb(129,137,148)
-
#78879d
#78879d
rgb(120,135,157)
-
#6f85a6
#6f85a6
rgb(111,133,166)
-
#6684af
#6684af
rgb(102,132,175)
-
#5d82b8
#5d82b8
rgb(93,130,184)
-
#5480c1
#5480c1
rgb(84,128,193)
-
#4b7fca
#4b7fca
rgb(75,127,202)
-
#427dd3
#427dd3
rgb(66,125,211)
-
#397bdc
#397bdc
rgb(57,123,220)
-
#307ae5
#307ae5
rgb(48,122,229)
-
#2778ee
#2778ee
rgb(39,120,238)
-
#1e76f7
#1e76f7
rgb(30,118,247)
Color Blindness Simulator
Below, you can see how #2778ee 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.