#305a89 Color Information
In a RGB color space, hex #305a89 is composed of 18.8% red, 35.3% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 34.3% magenta, 0% yellow and 46.3% black. It has a hue angle of 211.7 degrees, a saturation of 48.1% and a lightness of 36.3%. #305a89 color hex could be obtained by blending #60b4ff with #000013. Closest websafe color is: #336699.
-
- R 19
- G 35
- B 54
-
- C 65
- M 34
- Y 0
- K 46
● #305a89 color description : Dark moderate blue.
#305a89 Color Conversion
The hexadecimal color #305a89 has RGB values of R:48, G:90, B:137 and CMYK values of C:0.65, M:0.34, Y:0, K:0.46. Its decimal value is 3168905.
Hex triplet | 305a89 | #305a89 |
---|---|---|
RGB Decimal | 48, 90, 137 | rgb(48,90,137) |
RGB Percent | 18.8, 35.3, 53.7 | rgb(18.8%,35.3%,53.7%) |
CMYK | 65, 34, 0, 46 | |
HSL | 211.7°, 48.1, 36.3 | hsl(211.7,48.1%,36.3%) |
HSV (or HSB) | 211.7°, 65, 53.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.383, 1.038, -30.513 |
---|---|
XYZ | 9.389, 9.746, 25.052 |
xyY | 0.212, 0.221, 9.746 |
CIE-LCH | 37.383, 30.531, 271.948 |
CIE-LUV | 37.383, -17.043, -42.855 |
Hunter-Lab | 31.219, -0.948, -25.725 |
Binary | 00110000, 01011010, 10001001 |
Color Schemes with #305a89
Alternatives to #305a89
Below, you can see some colors close to #305a89. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#305a89 Preview
This text has a font color of #305a89.
<span style="color:#305a89;">Text here</span>
This paragraph has a background color of #305a89.
<p style="background-color:#305a89;">Content here</p>
This element has a border color of #305a89.
<div style="border:1px solid #305a89;">Content here</div>
.text {color:#305a89;}
.background {background-color:#305a89;}
.border {border:1px solid #305a89;}
Shades and Tints of #305a89
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, #020406 is the darkest color, while #f7f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#070e15
#070e15
rgb(7,14,21)
-
#0c1723
#0c1723
rgb(12,23,35)
-
#112132
#112132
rgb(17,33,50)
-
#172a40
#172a40
rgb(23,42,64)
-
#1c344f
#1c344f
rgb(28,52,79)
-
#213d5d
#213d5d
rgb(33,61,93)
-
#26476c
#26476c
rgb(38,71,108)
-
#2b507a
#2b507a
rgb(43,80,122)
-
#305a89
#305a89
rgb(48,90,137)
-
#356498
#356498
rgb(53,100,152)
-
#3a6da6
#3a6da6
rgb(58,109,166)
-
#3f77b5
#3f77b5
rgb(63,119,181)
-
#4880bf
#4880bf
rgb(72,128,191)
-
#578ac4
#578ac4
rgb(87,138,196)
-
#6595c9
#6595c9
rgb(101,149,201)
-
#749fce
#749fce
rgb(116,159,206)
-
#83a9d3
#83a9d3
rgb(131,169,211)
-
#91b3d8
#91b3d8
rgb(145,179,216)
-
#a0bdde
#a0bdde
rgb(160,189,222)
-
#aec7e3
#aec7e3
rgb(174,199,227)
-
#bdd1e8
#bdd1e8
rgb(189,209,232)
-
#cbdbed
#cbdbed
rgb(203,219,237)
-
#dae5f2
#dae5f2
rgb(218,229,242)
-
#e8eff7
#e8eff7
rgb(232,239,247)
-
#f7f9fc
#f7f9fc
rgb(247,249,252)
Tones of #305a89
A tone is produced by adding gray to any pure hue. In this case, #5b5c5e is the less saturated color, while #0558b4 is the most saturated one.
-
#5b5c5e
#5b5c5e
rgb(91,92,94)
-
#545c65
#545c65
rgb(84,92,101)
-
#4c5c6d
#4c5c6d
rgb(76,92,109)
-
#455b74
#455b74
rgb(69,91,116)
-
#3e5b7b
#3e5b7b
rgb(62,91,123)
-
#375a82
#375a82
rgb(55,90,130)
-
#305a89
#305a89
rgb(48,90,137)
-
#295a90
#295a90
rgb(41,90,144)
-
#225997
#225997
rgb(34,89,151)
-
#1b599e
#1b599e
rgb(27,89,158)
-
#1458a5
#1458a5
rgb(20,88,165)
-
#0c58ad
#0c58ad
rgb(12,88,173)
-
#0558b4
#0558b4
rgb(5,88,180)
Color Blindness Simulator
Below, you can see how #305a89 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.