#305777 Color Information
In a RGB color space, hex #305777 is composed of 18.8% red, 34.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 26.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 207 degrees, a saturation of 42.5% and a lightness of 32.7%. #305777 color hex could be obtained by blending #60aeee with #000000. Closest websafe color is: #336666.
-
- R 19
- G 34
- B 47
-
- C 60
- M 27
- Y 0
- K 53
● #305777 color description : Dark moderate blue.
#305777 Color Conversion
The hexadecimal color #305777 has RGB values of R:48, G:87, B:119 and CMYK values of C:0.6, M:0.27, Y:0, K:0.53. Its decimal value is 3168119.
Hex triplet | 305777 | #305777 |
---|---|---|
RGB Decimal | 48, 87, 119 | rgb(48,87,119) |
RGB Percent | 18.8, 34.1, 46.7 | rgb(18.8%,34.1%,46.7%) |
CMYK | 60, 27, 0, 53 | |
HSL | 207°, 42.5, 32.7 | hsl(207,42.5%,32.7%) |
HSV (or HSB) | 207°, 59.7, 46.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.55, -3.476, -22.344 |
---|---|
XYZ | 7.956, 8.776, 18.726 |
xyY | 0.224, 0.248, 8.776 |
CIE-LCH | 35.55, 22.613, 261.157 |
CIE-LUV | 35.55, -16.308, -29.99 |
Hunter-Lab | 29.625, -3.904, -16.741 |
Binary | 00110000, 01010111, 01110111 |
Color Schemes with #305777
Alternatives to #305777
Below, you can see some colors close to #305777. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#305777 Preview
This text has a font color of #305777.
<span style="color:#305777;">Text here</span>
This paragraph has a background color of #305777.
<p style="background-color:#305777;">Content here</p>
This element has a border color of #305777.
<div style="border:1px solid #305777;">Content here</div>
.text {color:#305777;}
.background {background-color:#305777;}
.border {border:1px solid #305777;}
Shades and Tints of #305777
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, #030507 is the darkest color, while #f8fafc is the lightest one.
-
#030507
#030507
rgb(3,5,7)
-
#090f15
#090f15
rgb(9,15,21)
-
#0e1a23
#0e1a23
rgb(14,26,35)
-
#142431
#142431
rgb(20,36,49)
-
#192e3f
#192e3f
rgb(25,46,63)
-
#1f384d
#1f384d
rgb(31,56,77)
-
#25435b
#25435b
rgb(37,67,91)
-
#2a4d69
#2a4d69
rgb(42,77,105)
-
#305777
#305777
rgb(48,87,119)
-
#366185
#366185
rgb(54,97,133)
-
#3b6b93
#3b6b93
rgb(59,107,147)
-
#4176a1
#4176a1
rgb(65,118,161)
-
#4780af
#4780af
rgb(71,128,175)
-
#508ab9
#508ab9
rgb(80,138,185)
-
#5e93be
#5e93be
rgb(94,147,190)
-
#6c9cc4
#6c9cc4
rgb(108,156,196)
-
#7aa6ca
#7aa6ca
rgb(122,166,202)
-
#88afcf
#88afcf
rgb(136,175,207)
-
#96b9d5
#96b9d5
rgb(150,185,213)
-
#a4c2da
#a4c2da
rgb(164,194,218)
-
#b2cbe0
#b2cbe0
rgb(178,203,224)
-
#c0d5e6
#c0d5e6
rgb(192,213,230)
-
#cedeeb
#cedeeb
rgb(206,222,235)
-
#dce8f1
#dce8f1
rgb(220,232,241)
-
#eaf1f7
#eaf1f7
rgb(234,241,247)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #305777
A tone is produced by adding gray to any pure hue. In this case, #505457 is the less saturated color, while #035ba4 is the most saturated one.
-
#505457
#505457
rgb(80,84,87)
-
#4a545d
#4a545d
rgb(74,84,93)
-
#435564
#435564
rgb(67,85,100)
-
#3d566a
#3d566a
rgb(61,86,106)
-
#365671
#365671
rgb(54,86,113)
-
#305777
#305777
rgb(48,87,119)
-
#2a587d
#2a587d
rgb(42,88,125)
-
#235884
#235884
rgb(35,88,132)
-
#1d598a
#1d598a
rgb(29,89,138)
-
#165a91
#165a91
rgb(22,90,145)
-
#105a97
#105a97
rgb(16,90,151)
-
#095b9e
#095b9e
rgb(9,91,158)
-
#035ba4
#035ba4
rgb(3,91,164)
Color Blindness Simulator
Below, you can see how #305777 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.