#377aa0 Color Information
In a RGB color space, hex #377aa0 is composed of 21.6% red, 47.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 23.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 201.7 degrees, a saturation of 48.8% and a lightness of 42.2%. #377aa0 color hex could be obtained by blending #6ef4ff with #000041. Closest websafe color is: #336699.
-
- R 22
- G 48
- B 63
-
- C 66
- M 24
- Y 0
- K 37
● #377aa0 color description : Dark moderate blue.
#377aa0 Color Conversion
The hexadecimal color #377aa0 has RGB values of R:55, G:122, B:160 and CMYK values of C:0.66, M:0.24, Y:0, K:0.37. Its decimal value is 3635872.
Hex triplet | 377aa0 | #377aa0 |
---|---|---|
RGB Decimal | 55, 122, 160 | rgb(55,122,160) |
RGB Percent | 21.6, 47.8, 62.7 | rgb(21.6%,47.8%,62.7%) |
CMYK | 66, 24, 0, 37 | |
HSL | 201.7°, 48.8, 42.2 | hsl(201.7,48.8%,42.2%) |
HSV (or HSB) | 201.7°, 65.6, 62.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 48.596, -8.961, -26.673 |
---|---|
XYZ | 14.879, 17.268, 35.805 |
xyY | 0.219, 0.254, 17.268 |
CIE-LCH | 48.596, 28.138, 251.429 |
CIE-LUV | 48.596, -26.384, -38.388 |
Hunter-Lab | 41.555, -8.81, -21.997 |
Binary | 00110111, 01111010, 10100000 |
Color Schemes with #377aa0
Alternatives to #377aa0
Below, you can see some colors close to #377aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#377aa0 Preview
This text has a font color of #377aa0.
<span style="color:#377aa0;">Text here</span>
This paragraph has a background color of #377aa0.
<p style="background-color:#377aa0;">Content here</p>
This element has a border color of #377aa0.
<div style="border:1px solid #377aa0;">Content here</div>
.text {color:#377aa0;}
.background {background-color:#377aa0;}
.border {border:1px solid #377aa0;}
Shades and Tints of #377aa0
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, #050b0e is the darkest color, while #feffff is the lightest one.
-
#050b0e
#050b0e
rgb(5,11,14)
-
#0a161d
#0a161d
rgb(10,22,29)
-
#0f212b
#0f212b
rgb(15,33,43)
-
#142c3a
#142c3a
rgb(20,44,58)
-
#193748
#193748
rgb(25,55,72)
-
#1e4257
#1e4257
rgb(30,66,87)
-
#234d66
#234d66
rgb(35,77,102)
-
#285974
#285974
rgb(40,89,116)
-
#2d6483
#2d6483
rgb(45,100,131)
-
#326f91
#326f91
rgb(50,111,145)
-
#377aa0
#377aa0
rgb(55,122,160)
-
#3c85af
#3c85af
rgb(60,133,175)
-
#4190bd
#4190bd
rgb(65,144,189)
-
#4f99c3
#4f99c3
rgb(79,153,195)
-
#5ea1c8
#5ea1c8
rgb(94,161,200)
-
#6caacd
#6caacd
rgb(108,170,205)
-
#7bb2d2
#7bb2d2
rgb(123,178,210)
-
#8abbd7
#8abbd7
rgb(138,187,215)
-
#98c3dc
#98c3dc
rgb(152,195,220)
-
#a7cce1
#a7cce1
rgb(167,204,225)
-
#b5d4e6
#b5d4e6
rgb(181,212,230)
-
#c4ddeb
#c4ddeb
rgb(196,221,235)
-
#d3e5f0
#d3e5f0
rgb(211,229,240)
-
#e1eef5
#e1eef5
rgb(225,238,245)
-
#f0f6fa
#f0f6fa
rgb(240,246,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #377aa0
A tone is produced by adding gray to any pure hue. In this case, #696c6e is the less saturated color, while #0588d2 is the most saturated one.
-
#696c6e
#696c6e
rgb(105,108,110)
-
#606f77
#606f77
rgb(96,111,119)
-
#58717f
#58717f
rgb(88,113,127)
-
#507387
#507387
rgb(80,115,135)
-
#48758f
#48758f
rgb(72,117,143)
-
#3f7898
#3f7898
rgb(63,120,152)
-
#377aa0
#377aa0
rgb(55,122,160)
-
#2f7ca8
#2f7ca8
rgb(47,124,168)
-
#267fb1
#267fb1
rgb(38,127,177)
-
#1e81b9
#1e81b9
rgb(30,129,185)
-
#1683c1
#1683c1
rgb(22,131,193)
-
#0e85c9
#0e85c9
rgb(14,133,201)
-
#0588d2
#0588d2
rgb(5,136,210)
Color Blindness Simulator
Below, you can see how #377aa0 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.