#306580 Color Information
In a RGB color space, hex #306580 is composed of 18.8% red, 39.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 21.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 200.3 degrees, a saturation of 45.5% and a lightness of 34.5%. #306580 color hex could be obtained by blending #60caff with #000001. Closest websafe color is: #336699.
-
- R 19
- G 40
- B 50
-
- C 63
- M 21
- Y 0
- K 50
● #306580 color description : Dark moderate blue.
#306580 Color Conversion
The hexadecimal color #306580 has RGB values of R:48, G:101, B:128 and CMYK values of C:0.63, M:0.21, Y:0, K:0.5. Its decimal value is 3171712.
Hex triplet | 306580 | #306580 |
---|---|---|
RGB Decimal | 48, 101, 128 | rgb(48,101,128) |
RGB Percent | 18.8, 39.6, 50.2 | rgb(18.8%,39.6%,50.2%) |
CMYK | 63, 21, 0, 50 | |
HSL | 200.3°, 45.5, 34.5 | hsl(200.3,45.5%,34.5%) |
HSV (or HSB) | 200.3°, 62.5, 50.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.4, -8.9, -20.34 |
---|---|
XYZ | 9.768, 11.494, 22.125 |
xyY | 0.225, 0.265, 11.494 |
CIE-LCH | 40.4, 22.202, 246.368 |
CIE-LUV | 40.4, -21.343, -27.387 |
Hunter-Lab | 33.902, -7.899, -14.961 |
Binary | 00110000, 01100101, 10000000 |
Color Schemes with #306580
Alternatives to #306580
Below, you can see some colors close to #306580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306580 Preview
This text has a font color of #306580.
<span style="color:#306580;">Text here</span>
This paragraph has a background color of #306580.
<p style="background-color:#306580;">Content here</p>
This element has a border color of #306580.
<div style="border:1px solid #306580;">Content here</div>
.text {color:#306580;}
.background {background-color:#306580;}
.border {border:1px solid #306580;}
Shades and Tints of #306580
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, #050b0e is the darkest color, while #ffffff is the lightest one.
-
#050b0e
#050b0e
rgb(5,11,14)
-
#0b161c
#0b161c
rgb(11,22,28)
-
#10212a
#10212a
rgb(16,33,42)
-
#152d39
#152d39
rgb(21,45,57)
-
#1b3847
#1b3847
rgb(27,56,71)
-
#204355
#204355
rgb(32,67,85)
-
#254e63
#254e63
rgb(37,78,99)
-
#2b5a72
#2b5a72
rgb(43,90,114)
-
#306580
#306580
rgb(48,101,128)
-
#35708e
#35708e
rgb(53,112,142)
-
#3b7c9d
#3b7c9d
rgb(59,124,157)
-
#4087ab
#4087ab
rgb(64,135,171)
-
#4592b9
#4592b9
rgb(69,146,185)
-
#539abf
#539abf
rgb(83,154,191)
-
#62a3c4
#62a3c4
rgb(98,163,196)
-
#70abc9
#70abc9
rgb(112,171,201)
-
#7eb4cf
#7eb4cf
rgb(126,180,207)
-
#8cbcd4
#8cbcd4
rgb(140,188,212)
-
#9bc4d9
#9bc4d9
rgb(155,196,217)
-
#a9cddf
#a9cddf
rgb(169,205,223)
-
#b7d5e4
#b7d5e4
rgb(183,213,228)
-
#c6dde9
#c6dde9
rgb(198,221,233)
-
#d4e6ef
#d4e6ef
rgb(212,230,239)
-
#e2eef4
#e2eef4
rgb(226,238,244)
-
#f0f6fa
#f0f6fa
rgb(240,246,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #306580
A tone is produced by adding gray to any pure hue. In this case, #525a5e is the less saturated color, while #0174af is the most saturated one.
-
#525a5e
#525a5e
rgb(82,90,94)
-
#4b5c65
#4b5c65
rgb(75,92,101)
-
#445e6c
#445e6c
rgb(68,94,108)
-
#3e6172
#3e6172
rgb(62,97,114)
-
#376379
#376379
rgb(55,99,121)
-
#306580
#306580
rgb(48,101,128)
-
#296787
#296787
rgb(41,103,135)
-
#22698e
#22698e
rgb(34,105,142)
-
#1c6c94
#1c6c94
rgb(28,108,148)
-
#156e9b
#156e9b
rgb(21,110,155)
-
#0e70a2
#0e70a2
rgb(14,112,162)
-
#0772a9
#0772a9
rgb(7,114,169)
-
#0174af
#0174af
rgb(1,116,175)
Color Blindness Simulator
Below, you can see how #306580 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.