#377ae0 Color Information
In a RGB color space, hex #377ae0 is composed of 21.6% red, 47.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 45.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 216.2 degrees, a saturation of 73.2% and a lightness of 54.7%. #377ae0 color hex could be obtained by blending #6ef4ff with #0000c1. Closest websafe color is: #3366cc.
-
- R 22
- G 48
- B 88
-
- C 75
- M 46
- Y 0
- K 12
● #377ae0 color description : Bright blue.
#377ae0 Color Conversion
The hexadecimal color #377ae0 has RGB values of R:55, G:122, B:224 and CMYK values of C:0.75, M:0.46, Y:0, K:0.12. Its decimal value is 3635936.
Hex triplet | 377ae0 | #377ae0 |
---|---|---|
RGB Decimal | 55, 122, 224 | rgb(55,122,224) |
RGB Percent | 21.6, 47.8, 87.8 | rgb(21.6%,47.8%,87.8%) |
CMYK | 75, 46, 0, 12 | |
HSL | 216.2°, 73.2, 54.7 | hsl(216.2,73.2%,54.7%) |
HSV (or HSB) | 216.2°, 75.4, 87.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.963, 13.989, -58.06 |
---|---|
XYZ | 21.987, 20.111, 73.24 |
xyY | 0.191, 0.174, 20.111 |
CIE-LCH | 51.963, 59.721, 283.547 |
CIE-LUV | 51.963, -24.311, -91.35 |
Hunter-Lab | 44.846, 9.033, -65.438 |
Binary | 00110111, 01111010, 11100000 |
Color Schemes with #377ae0
Alternatives to #377ae0
Below, you can see some colors close to #377ae0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#377ae0 Preview
This text has a font color of #377ae0.
<span style="color:#377ae0;">Text here</span>
This paragraph has a background color of #377ae0.
<p style="background-color:#377ae0;">Content here</p>
This element has a border color of #377ae0.
<div style="border:1px solid #377ae0;">Content here</div>
.text {color:#377ae0;}
.background {background-color:#377ae0;}
.border {border:1px solid #377ae0;}
Shades and Tints of #377ae0
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, #010204 is the darkest color, while #f2f6fd is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#030a15
#030a15
rgb(3,10,21)
-
#061326
#061326
rgb(6,19,38)
-
#081b37
#081b37
rgb(8,27,55)
-
#0b2348
#0b2348
rgb(11,35,72)
-
#0e2b59
#0e2b59
rgb(14,43,89)
-
#10346a
#10346a
rgb(16,52,106)
-
#133c7b
#133c7b
rgb(19,60,123)
-
#16448c
#16448c
rgb(22,68,140)
-
#184d9d
#184d9d
rgb(24,77,157)
-
#1b55ae
#1b55ae
rgb(27,85,174)
-
#1e5dbf
#1e5dbf
rgb(30,93,191)
-
#2066d0
#2066d0
rgb(32,102,208)
-
#266fdd
#266fdd
rgb(38,111,221)
-
#377ae0
#377ae0
rgb(55,122,224)
-
#4885e3
#4885e3
rgb(72,133,227)
-
#5991e5
#5991e5
rgb(89,145,229)
-
#6a9ce8
#6a9ce8
rgb(106,156,232)
-
#7ba7eb
#7ba7eb
rgb(123,167,235)
-
#8cb2ed
#8cb2ed
rgb(140,178,237)
-
#9dbef0
#9dbef0
rgb(157,190,240)
-
#aec9f2
#aec9f2
rgb(174,201,242)
-
#bfd4f5
#bfd4f5
rgb(191,212,245)
-
#d0e0f8
#d0e0f8
rgb(208,224,248)
-
#e1ebfa
#e1ebfa
rgb(225,235,250)
-
#f2f6fd
#f2f6fd
rgb(242,246,253)
Tones of #377ae0
A tone is produced by adding gray to any pure hue. In this case, #878b90 is the less saturated color, while #1c74fb is the most saturated one.
-
#878b90
#878b90
rgb(135,139,144)
-
#7e8999
#7e8999
rgb(126,137,153)
-
#7587a2
#7587a2
rgb(117,135,162)
-
#6c85ab
#6c85ab
rgb(108,133,171)
-
#6383b4
#6383b4
rgb(99,131,180)
-
#5b81bc
#5b81bc
rgb(91,129,188)
-
#5280c5
#5280c5
rgb(82,128,197)
-
#497ece
#497ece
rgb(73,126,206)
-
#407cd7
#407cd7
rgb(64,124,215)
-
#377ae0
#377ae0
rgb(55,122,224)
-
#2e78e9
#2e78e9
rgb(46,120,233)
-
#2576f2
#2576f2
rgb(37,118,242)
-
#1c74fb
#1c74fb
rgb(28,116,251)
Color Blindness Simulator
Below, you can see how #377ae0 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.