#305a88 Color Information
In a RGB color space, hex #305a88 is composed of 18.8% red, 35.3% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 33.8% magenta, 0% yellow and 46.7% black. It has a hue angle of 211.4 degrees, a saturation of 47.8% and a lightness of 36.1%. #305a88 color hex could be obtained by blending #60b4ff with #000011. Closest websafe color is: #336699.
-
- R 19
- G 35
- B 53
-
- C 65
- M 34
- Y 0
- K 47
● #305a88 color description : Dark moderate blue.
#305a88 Color Conversion
The hexadecimal color #305a88 has RGB values of R:48, G:90, B:136 and CMYK values of C:0.65, M:0.34, Y:0, K:0.47. Its decimal value is 3168904.
Hex triplet | 305a88 | #305a88 |
---|---|---|
RGB Decimal | 48, 90, 136 | rgb(48,90,136) |
RGB Percent | 18.8, 35.3, 53.3 | rgb(18.8%,35.3%,53.3%) |
CMYK | 65, 34, 0, 47 | |
HSL | 211.4°, 47.8, 36.1 | hsl(211.4,47.8%,36.1%) |
HSV (or HSB) | 211.4°, 64.7, 53.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.331, 0.675, -29.987 |
---|---|
XYZ | 9.318, 9.718, 24.676 |
xyY | 0.213, 0.222, 9.718 |
CIE-LCH | 37.331, 29.994, 271.29 |
CIE-LUV | 37.331, -17.063, -42.029 |
Hunter-Lab | 31.173, -1.197, -25.111 |
Binary | 00110000, 01011010, 10001000 |
Color Schemes with #305a88
Alternatives to #305a88
Below, you can see some colors close to #305a88. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#305a88 Preview
This text has a font color of #305a88.
<span style="color:#305a88;">Text here</span>
This paragraph has a background color of #305a88.
<p style="background-color:#305a88;">Content here</p>
This element has a border color of #305a88.
<div style="border:1px solid #305a88;">Content here</div>
.text {color:#305a88;}
.background {background-color:#305a88;}
.border {border:1px solid #305a88;}
Shades and Tints of #305a88
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 #f6f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#070d14
#070d14
rgb(7,13,20)
-
#0c1723
#0c1723
rgb(12,23,35)
-
#112031
#112031
rgb(17,32,49)
-
#162a40
#162a40
rgb(22,42,64)
-
#1c344e
#1c344e
rgb(28,52,78)
-
#213d5d
#213d5d
rgb(33,61,93)
-
#26476b
#26476b
rgb(38,71,107)
-
#2b507a
#2b507a
rgb(43,80,122)
-
#305a88
#305a88
rgb(48,90,136)
-
#356496
#356496
rgb(53,100,150)
-
#3a6da5
#3a6da5
rgb(58,109,165)
-
#3f77b3
#3f77b3
rgb(63,119,179)
-
#4881be
#4881be
rgb(72,129,190)
-
#578bc4
#578bc4
rgb(87,139,196)
-
#6595c9
#6595c9
rgb(101,149,201)
-
#749fce
#749fce
rgb(116,159,206)
-
#82a9d3
#82a9d3
rgb(130,169,211)
-
#91b3d8
#91b3d8
rgb(145,179,216)
-
#9fbddd
#9fbddd
rgb(159,189,221)
-
#aec7e2
#aec7e2
rgb(174,199,226)
-
#bcd1e7
#bcd1e7
rgb(188,209,231)
-
#cbdbec
#cbdbec
rgb(203,219,236)
-
#d9e5f2
#d9e5f2
rgb(217,229,242)
-
#e8eff7
#e8eff7
rgb(232,239,247)
-
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #305a88
A tone is produced by adding gray to any pure hue. In this case, #5a5c5e is the less saturated color, while #0658b2 is the most saturated one.
-
#5a5c5e
#5a5c5e
rgb(90,92,94)
-
#535c65
#535c65
rgb(83,92,101)
-
#4c5b6c
#4c5b6c
rgb(76,91,108)
-
#455b73
#455b73
rgb(69,91,115)
-
#3e5b7a
#3e5b7a
rgb(62,91,122)
-
#375a81
#375a81
rgb(55,90,129)
-
#305a88
#305a88
rgb(48,90,136)
-
#295a8f
#295a8f
rgb(41,90,143)
-
#225996
#225996
rgb(34,89,150)
-
#1b599d
#1b599d
rgb(27,89,157)
-
#1459a4
#1459a4
rgb(20,89,164)
-
#0d58ab
#0d58ab
rgb(13,88,171)
-
#0658b2
#0658b2
rgb(6,88,178)
Color Blindness Simulator
Below, you can see how #305a88 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.