#377bde Color Information
In a RGB color space, hex #377bde is composed of 21.6% red, 48.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 44.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 215.6 degrees, a saturation of 71.7% and a lightness of 54.3%. #377bde color hex could be obtained by blending #6ef6ff with #0000bd. Closest websafe color is: #3366cc.
-
- R 22
- G 48
- B 87
-
- C 75
- M 45
- Y 0
- K 13
● #377bde color description : Bright blue.
#377bde Color Conversion
The hexadecimal color #377bde has RGB values of R:55, G:123, B:222 and CMYK values of C:0.75, M:0.45, Y:0, K:0.13. Its decimal value is 3636190.
Hex triplet | 377bde | #377bde |
---|---|---|
RGB Decimal | 55, 123, 222 | rgb(55,123,222) |
RGB Percent | 21.6, 48.2, 87.1 | rgb(21.6%,48.2%,87.1%) |
CMYK | 75, 45, 0, 13 | |
HSL | 215.6°, 71.7, 54.3 | hsl(215.6,71.7%,54.3%) |
HSV (or HSB) | 215.6°, 75.2, 87.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 52.119, 12.634, -56.683 |
---|---|
XYZ | 21.84, 20.25, 71.861 |
xyY | 0.192, 0.178, 20.25 |
CIE-LCH | 52.119, 58.074, 282.565 |
CIE-LUV | 52.119, -24.671, -89.142 |
Hunter-Lab | 45, 7.882, -63.179 |
Binary | 00110111, 01111011, 11011110 |
Color Schemes with #377bde
Alternatives to #377bde
Below, you can see some colors close to #377bde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#377bde Preview
This text has a font color of #377bde.
<span style="color:#377bde;">Text here</span>
This paragraph has a background color of #377bde.
<p style="background-color:#377bde;">Content here</p>
This element has a border color of #377bde.
<div style="border:1px solid #377bde;">Content here</div>
.text {color:#377bde;}
.background {background-color:#377bde;}
.border {border:1px solid #377bde;}
Shades and Tints of #377bde
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 #f0f5fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030a13
#030a13
rgb(3,10,19)
-
#061224
#061224
rgb(6,18,36)
-
#091b35
#091b35
rgb(9,27,53)
-
#0b2345
#0b2345
rgb(11,35,69)
-
#0e2c56
#0e2c56
rgb(14,44,86)
-
#113467
#113467
rgb(17,52,103)
-
#143d78
#143d78
rgb(20,61,120)
-
#174589
#174589
rgb(23,69,137)
-
#194e9a
#194e9a
rgb(25,78,154)
-
#1c56aa
#1c56aa
rgb(28,86,170)
-
#1f5fbb
#1f5fbb
rgb(31,95,187)
-
#2267cc
#2267cc
rgb(34,103,204)
-
#2670db
#2670db
rgb(38,112,219)
-
#377bde
#377bde
rgb(55,123,222)
-
#4886e1
#4886e1
rgb(72,134,225)
-
#5991e4
#5991e4
rgb(89,145,228)
-
#6a9ce6
#6a9ce6
rgb(106,156,230)
-
#7aa7e9
#7aa7e9
rgb(122,167,233)
-
#8bb3ec
#8bb3ec
rgb(139,179,236)
-
#9cbeef
#9cbeef
rgb(156,190,239)
-
#adc9f1
#adc9f1
rgb(173,201,241)
-
#bed4f4
#bed4f4
rgb(190,212,244)
-
#cfdff7
#cfdff7
rgb(207,223,247)
-
#dfeafa
#dfeafa
rgb(223,234,250)
-
#f0f5fd
#f0f5fd
rgb(240,245,253)
Tones of #377bde
A tone is produced by adding gray to any pure hue. In this case, #888a8d is the less saturated color, while #1c76f9 is the most saturated one.
-
#888a8d
#888a8d
rgb(136,138,141)
-
#7f8896
#7f8896
rgb(127,136,150)
-
#76879f
#76879f
rgb(118,135,159)
-
#6d85a8
#6d85a8
rgb(109,133,168)
-
#6483b1
#6483b1
rgb(100,131,177)
-
#5b82ba
#5b82ba
rgb(91,130,186)
-
#5280c3
#5280c3
rgb(82,128,195)
-
#497ecc
#497ecc
rgb(73,126,204)
-
#407dd5
#407dd5
rgb(64,125,213)
-
#377bde
#377bde
rgb(55,123,222)
-
#2e79e7
#2e79e7
rgb(46,121,231)
-
#2578f0
#2578f0
rgb(37,120,240)
-
#1c76f9
#1c76f9
rgb(28,118,249)
Color Blindness Simulator
Below, you can see how #377bde 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.