#305c80 Color Information
In a RGB color space, hex #305c80 is composed of 18.8% red, 36.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 28.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 207 degrees, a saturation of 45.5% and a lightness of 34.5%. #305c80 color hex could be obtained by blending #60b8ff with #000001. Closest websafe color is: #336699.
-
- R 19
- G 36
- B 50
-
- C 63
- M 28
- Y 0
- K 50
● #305c80 color description : Dark moderate blue.
#305c80 Color Conversion
The hexadecimal color #305c80 has RGB values of R:48, G:92, B:128 and CMYK values of C:0.63, M:0.28, Y:0, K:0.5. Its decimal value is 3169408.
Hex triplet | 305c80 | #305c80 |
---|---|---|
RGB Decimal | 48, 92, 128 | rgb(48,92,128) |
RGB Percent | 18.8, 36.1, 50.2 | rgb(18.8%,36.1%,50.2%) |
CMYK | 63, 28, 0, 50 | |
HSL | 207°, 45.5, 34.5 | hsl(207,45.5%,34.5%) |
HSV (or HSB) | 207°, 62.5, 50.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.555, -3.438, -24.755 |
---|---|
XYZ | 8.941, 9.841, 21.849 |
xyY | 0.22, 0.242, 9.841 |
CIE-LCH | 37.555, 24.992, 262.092 |
CIE-LUV | 37.555, -17.968, -33.964 |
Hunter-Lab | 31.37, -4.019, -19.337 |
Binary | 00110000, 01011100, 10000000 |
Color Schemes with #305c80
Alternatives to #305c80
Below, you can see some colors close to #305c80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#305c80 Preview
This text has a font color of #305c80.
<span style="color:#305c80;">Text here</span>
This paragraph has a background color of #305c80.
<p style="background-color:#305c80;">Content here</p>
This element has a border color of #305c80.
<div style="border:1px solid #305c80;">Content here</div>
.text {color:#305c80;}
.background {background-color:#305c80;}
.border {border:1px solid #305c80;}
Shades and Tints of #305c80
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, #050a0e is the darkest color, while #ffffff is the lightest one.
-
#050a0e
#050a0e
rgb(5,10,14)
-
#0b141c
#0b141c
rgb(11,20,28)
-
#101e2a
#101e2a
rgb(16,30,42)
-
#152939
#152939
rgb(21,41,57)
-
#1b3347
#1b3347
rgb(27,51,71)
-
#203d55
#203d55
rgb(32,61,85)
-
#254763
#254763
rgb(37,71,99)
-
#2b5272
#2b5272
rgb(43,82,114)
-
#305c80
#305c80
rgb(48,92,128)
-
#35668e
#35668e
rgb(53,102,142)
-
#3b719d
#3b719d
rgb(59,113,157)
-
#407bab
#407bab
rgb(64,123,171)
-
#4585b9
#4585b9
rgb(69,133,185)
-
#538ebf
#538ebf
rgb(83,142,191)
-
#6298c4
#6298c4
rgb(98,152,196)
-
#70a1c9
#70a1c9
rgb(112,161,201)
-
#7eaacf
#7eaacf
rgb(126,170,207)
-
#8cb4d4
#8cb4d4
rgb(140,180,212)
-
#9bbdd9
#9bbdd9
rgb(155,189,217)
-
#a9c7df
#a9c7df
rgb(169,199,223)
-
#b7d0e4
#b7d0e4
rgb(183,208,228)
-
#c6d9e9
#c6d9e9
rgb(198,217,233)
-
#d4e3ef
#d4e3ef
rgb(212,227,239)
-
#e2ecf4
#e2ecf4
rgb(226,236,244)
-
#f0f5fa
#f0f5fa
rgb(240,245,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #305c80
A tone is produced by adding gray to any pure hue. In this case, #52595e is the less saturated color, while #0161af is the most saturated one.
-
#52595e
#52595e
rgb(82,89,94)
-
#4b5965
#4b5965
rgb(75,89,101)
-
#445a6c
#445a6c
rgb(68,90,108)
-
#3e5b72
#3e5b72
rgb(62,91,114)
-
#375b79
#375b79
rgb(55,91,121)
-
#305c80
#305c80
rgb(48,92,128)
-
#295d87
#295d87
rgb(41,93,135)
-
#225d8e
#225d8e
rgb(34,93,142)
-
#1c5e94
#1c5e94
rgb(28,94,148)
-
#155f9b
#155f9b
rgb(21,95,155)
-
#0e5fa2
#0e5fa2
rgb(14,95,162)
-
#0760a9
#0760a9
rgb(7,96,169)
-
#0161af
#0161af
rgb(1,97,175)
Color Blindness Simulator
Below, you can see how #305c80 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.