#377bce Color Information
In a RGB color space, hex #377bce is composed of 21.6% red, 48.2% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 40.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 213 degrees, a saturation of 60.6% and a lightness of 51.2%. #377bce color hex could be obtained by blending #6ef6ff with #00009d. Closest websafe color is: #3366cc.
-
- R 22
- G 48
- B 81
-
- C 73
- M 40
- Y 0
- K 19
● #377bce color description : Moderate blue.
#377bce Color Conversion
The hexadecimal color #377bce has RGB values of R:55, G:123, B:206 and CMYK values of C:0.73, M:0.4, Y:0, K:0.19. Its decimal value is 3636174.
Hex triplet | 377bce | #377bce |
---|---|---|
RGB Decimal | 55, 123, 206 | rgb(55,123,206) |
RGB Percent | 21.6, 48.2, 80.8 | rgb(21.6%,48.2%,80.8%) |
CMYK | 73, 40, 0, 19 | |
HSL | 213°, 60.6, 51.2 | hsl(213,60.6%,51.2%) |
HSV (or HSB) | 213°, 73.3, 80.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.19, 6.772, -49.117 |
---|---|
XYZ | 19.797, 19.433, 61.097 |
xyY | 0.197, 0.194, 19.433 |
CIE-LCH | 51.19, 49.582, 277.85 |
CIE-LUV | 51.19, -25.109, -76.337 |
Hunter-Lab | 44.083, 3.015, -51.315 |
Binary | 00110111, 01111011, 11001110 |
Color Schemes with #377bce
Alternatives to #377bce
Below, you can see some colors close to #377bce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#377bce Preview
This text has a font color of #377bce.
<span style="color:#377bce;">Text here</span>
This paragraph has a background color of #377bce.
<p style="background-color:#377bce;">Content here</p>
This element has a border color of #377bce.
<div style="border:1px solid #377bce;">Content here</div>
.text {color:#377bce;}
.background {background-color:#377bce;}
.border {border:1px solid #377bce;}
Shades and Tints of #377bce
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, #010305 is the darkest color, while #f4f8fc is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#050c15
#050c15
rgb(5,12,21)
-
#091524
#091524
rgb(9,21,36)
-
#0d1e34
#0d1e34
rgb(13,30,52)
-
#112844
#112844
rgb(17,40,68)
-
#143154
#143154
rgb(20,49,84)
-
#183a63
#183a63
rgb(24,58,99)
-
#1c4373
#1c4373
rgb(28,67,115)
-
#204d83
#204d83
rgb(32,77,131)
-
#245693
#245693
rgb(36,86,147)
-
#285fa2
#285fa2
rgb(40,95,162)
-
#2c68b2
#2c68b2
rgb(44,104,178)
-
#3071c2
#3071c2
rgb(48,113,194)
-
#377bce
#377bce
rgb(55,123,206)
-
#4785d2
#4785d2
rgb(71,133,210)
-
#5790d6
#5790d6
rgb(87,144,214)
-
#669ada
#669ada
rgb(102,154,218)
-
#76a5dd
#76a5dd
rgb(118,165,221)
-
#86afe1
#86afe1
rgb(134,175,225)
-
#96b9e5
#96b9e5
rgb(150,185,229)
-
#a5c4e9
#a5c4e9
rgb(165,196,233)
-
#b5ceed
#b5ceed
rgb(181,206,237)
-
#c5d9f1
#c5d9f1
rgb(197,217,241)
-
#d5e3f5
#d5e3f5
rgb(213,227,245)
-
#e4edf8
#e4edf8
rgb(228,237,248)
-
#f4f8fc
#f4f8fc
rgb(244,248,252)
Tones of #377bce
A tone is produced by adding gray to any pure hue. In this case, #7a828b is the less saturated color, while #0776fe is the most saturated one.
-
#7a828b
#7a828b
rgb(122,130,139)
-
#708195
#708195
rgb(112,129,149)
-
#67809e
#67809e
rgb(103,128,158)
-
#5d7fa8
#5d7fa8
rgb(93,127,168)
-
#547eb1
#547eb1
rgb(84,126,177)
-
#4a7dbb
#4a7dbb
rgb(74,125,187)
-
#417cc4
#417cc4
rgb(65,124,196)
-
#377bce
#377bce
rgb(55,123,206)
-
#2d7ad8
#2d7ad8
rgb(45,122,216)
-
#2479e1
#2479e1
rgb(36,121,225)
-
#1a78eb
#1a78eb
rgb(26,120,235)
-
#1177f4
#1177f4
rgb(17,119,244)
-
#0776fe
#0776fe
rgb(7,118,254)
Color Blindness Simulator
Below, you can see how #377bce 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.