#377ba2 Color Information
In a RGB color space, hex #377ba2 is composed of 21.6% red, 48.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 24.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 201.9 degrees, a saturation of 49.3% and a lightness of 42.5%. #377ba2 color hex could be obtained by blending #6ef6ff with #000045. Closest websafe color is: #336699.
-
- R 22
- G 48
- B 64
-
- C 66
- M 24
- Y 0
- K 36
● #377ba2 color description : Dark moderate blue.
#377ba2 Color Conversion
The hexadecimal color #377ba2 has RGB values of R:55, G:123, B:162 and CMYK values of C:0.66, M:0.24, Y:0, K:0.36. Its decimal value is 3636130.
Hex triplet | 377ba2 | #377ba2 |
---|---|---|
RGB Decimal | 55, 123, 162 | rgb(55,123,162) |
RGB Percent | 21.6, 48.2, 63.5 | rgb(21.6%,48.2%,63.5%) |
CMYK | 66, 24, 0, 36 | |
HSL | 201.9°, 49.3, 42.5 | hsl(201.9,49.3%,42.5%) |
HSV (or HSB) | 201.9°, 66, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 48.99, -8.859, -27.231 |
---|---|
XYZ | 15.178, 17.586, 36.775 |
xyY | 0.218, 0.253, 17.586 |
CIE-LCH | 48.99, 28.635, 251.979 |
CIE-LUV | 48.99, -26.671, -39.34 |
Hunter-Lab | 41.935, -8.779, -22.639 |
Binary | 00110111, 01111011, 10100010 |
Color Schemes with #377ba2
Alternatives to #377ba2
Below, you can see some colors close to #377ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#377ba2 Preview
This text has a font color of #377ba2.
<span style="color:#377ba2;">Text here</span>
This paragraph has a background color of #377ba2.
<p style="background-color:#377ba2;">Content here</p>
This element has a border color of #377ba2.
<div style="border:1px solid #377ba2;">Content here</div>
.text {color:#377ba2;}
.background {background-color:#377ba2;}
.border {border:1px solid #377ba2;}
Shades and Tints of #377ba2
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, #000101 is the darkest color, while #f1f7fa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050c10
#050c10
rgb(5,12,16)
-
#0a171e
#0a171e
rgb(10,23,30)
-
#0f222d
#0f222d
rgb(15,34,45)
-
#142d3b
#142d3b
rgb(20,45,59)
-
#19384a
#19384a
rgb(25,56,74)
-
#1e4359
#1e4359
rgb(30,67,89)
-
#234f67
#234f67
rgb(35,79,103)
-
#285a76
#285a76
rgb(40,90,118)
-
#2d6585
#2d6585
rgb(45,101,133)
-
#327093
#327093
rgb(50,112,147)
-
#377ba2
#377ba2
rgb(55,123,162)
-
#3c86b1
#3c86b1
rgb(60,134,177)
-
#4291bf
#4291bf
rgb(66,145,191)
-
#509ac4
#509ac4
rgb(80,154,196)
-
#5fa2c9
#5fa2c9
rgb(95,162,201)
-
#6dabce
#6dabce
rgb(109,171,206)
-
#7cb3d3
#7cb3d3
rgb(124,179,211)
-
#8bbcd8
#8bbcd8
rgb(139,188,216)
-
#99c4dd
#99c4dd
rgb(153,196,221)
-
#a8cde1
#a8cde1
rgb(168,205,225)
-
#b7d5e6
#b7d5e6
rgb(183,213,230)
-
#c5deeb
#c5deeb
rgb(197,222,235)
-
#d4e6f0
#d4e6f0
rgb(212,230,240)
-
#e3eff5
#e3eff5
rgb(227,239,245)
-
#f1f7fa
#f1f7fa
rgb(241,247,250)
Tones of #377ba2
A tone is produced by adding gray to any pure hue. In this case, #696d70 is the less saturated color, while #0589d4 is the most saturated one.
-
#696d70
#696d70
rgb(105,109,112)
-
#617078
#617078
rgb(97,112,120)
-
#587281
#587281
rgb(88,114,129)
-
#507489
#507489
rgb(80,116,137)
-
#487691
#487691
rgb(72,118,145)
-
#3f799a
#3f799a
rgb(63,121,154)
-
#377ba2
#377ba2
rgb(55,123,162)
-
#2f7daa
#2f7daa
rgb(47,125,170)
-
#2680b3
#2680b3
rgb(38,128,179)
-
#1e82bb
#1e82bb
rgb(30,130,187)
-
#1684c3
#1684c3
rgb(22,132,195)
-
#0d86cc
#0d86cc
rgb(13,134,204)
-
#0589d4
#0589d4
rgb(5,137,212)
Color Blindness Simulator
Below, you can see how #377ba2 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.