#305a80 Color Information
In a RGB color space, hex #305a80 is composed of 18.8% red, 35.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 29.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 208.5 degrees, a saturation of 45.5% and a lightness of 34.5%. #305a80 color hex could be obtained by blending #60b4ff with #000001. Closest websafe color is: #336699.
-
- R 19
- G 35
- B 50
-
- C 63
- M 30
- Y 0
- K 50
● #305a80 color description : Dark moderate blue.
#305a80 Color Conversion
The hexadecimal color #305a80 has RGB values of R:48, G:90, B:128 and CMYK values of C:0.63, M:0.3, Y:0, K:0.5. Its decimal value is 3168896.
Hex triplet | 305a80 | #305a80 |
---|---|---|
RGB Decimal | 48, 90, 128 | rgb(48,90,128) |
RGB Percent | 18.8, 35.3, 50.2 | rgb(18.8%,35.3%,50.2%) |
CMYK | 63, 30, 0, 50 | |
HSL | 208.5°, 45.5, 34.5 | hsl(208.5,45.5%,34.5%) |
HSV (or HSB) | 208.5°, 62.5, 50.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.927, -2.192, -25.735 |
---|---|
XYZ | 8.77, 9.499, 21.792 |
xyY | 0.219, 0.237, 9.499 |
CIE-LCH | 36.927, 25.828, 265.132 |
CIE-LUV | 36.927, -17.231, -35.382 |
Hunter-Lab | 30.82, -3.139, -20.349 |
Binary | 00110000, 01011010, 10000000 |
Color Schemes with #305a80
Alternatives to #305a80
Below, you can see some colors close to #305a80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#305a80 Preview
This text has a font color of #305a80.
<span style="color:#305a80;">Text here</span>
This paragraph has a background color of #305a80.
<p style="background-color:#305a80;">Content here</p>
This element has a border color of #305a80.
<div style="border:1px solid #305a80;">Content here</div>
.text {color:#305a80;}
.background {background-color:#305a80;}
.border {border:1px solid #305a80;}
Shades and Tints of #305a80
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)
-
#152839
#152839
rgb(21,40,57)
-
#1b3247
#1b3247
rgb(27,50,71)
-
#203c55
#203c55
rgb(32,60,85)
-
#254663
#254663
rgb(37,70,99)
-
#2b5072
#2b5072
rgb(43,80,114)
-
#305a80
#305a80
rgb(48,90,128)
-
#35648e
#35648e
rgb(53,100,142)
-
#3b6e9d
#3b6e9d
rgb(59,110,157)
-
#4078ab
#4078ab
rgb(64,120,171)
-
#4582b9
#4582b9
rgb(69,130,185)
-
#538cbf
#538cbf
rgb(83,140,191)
-
#6295c4
#6295c4
rgb(98,149,196)
-
#709fc9
#709fc9
rgb(112,159,201)
-
#7ea8cf
#7ea8cf
rgb(126,168,207)
-
#8cb2d4
#8cb2d4
rgb(140,178,212)
-
#9bbcd9
#9bbcd9
rgb(155,188,217)
-
#a9c5df
#a9c5df
rgb(169,197,223)
-
#b7cfe4
#b7cfe4
rgb(183,207,228)
-
#c6d8e9
#c6d8e9
rgb(198,216,233)
-
#d4e2ef
#d4e2ef
rgb(212,226,239)
-
#e2ecf4
#e2ecf4
rgb(226,236,244)
-
#f0f5fa
#f0f5fa
rgb(240,245,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #305a80
A tone is produced by adding gray to any pure hue. In this case, #52585e is the less saturated color, while #015caf is the most saturated one.
-
#52585e
#52585e
rgb(82,88,94)
-
#4b5965
#4b5965
rgb(75,89,101)
-
#44596c
#44596c
rgb(68,89,108)
-
#3e5972
#3e5972
rgb(62,89,114)
-
#375a79
#375a79
rgb(55,90,121)
-
#305a80
#305a80
rgb(48,90,128)
-
#295a87
#295a87
rgb(41,90,135)
-
#225b8e
#225b8e
rgb(34,91,142)
-
#1c5b94
#1c5b94
rgb(28,91,148)
-
#155b9b
#155b9b
rgb(21,91,155)
-
#0e5ca2
#0e5ca2
rgb(14,92,162)
-
#075ca9
#075ca9
rgb(7,92,169)
-
#015caf
#015caf
rgb(1,92,175)
Color Blindness Simulator
Below, you can see how #305a80 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.