#306a87 Color Information
In a RGB color space, hex #306a87 is composed of 18.8% red, 41.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 21.5% magenta, 0% yellow and 47.1% black. It has a hue angle of 200 degrees, a saturation of 47.5% and a lightness of 35.9%. #306a87 color hex could be obtained by blending #60d4ff with #00000f. Closest websafe color is: #336699.
-
- R 19
- G 42
- B 53
-
- C 64
- M 21
- Y 0
- K 47
● #306a87 color description : Dark moderate blue.
#306a87 Color Conversion
The hexadecimal color #306a87 has RGB values of R:48, G:106, B:135 and CMYK values of C:0.64, M:0.21, Y:0, K:0.47. Its decimal value is 3172999.
Hex triplet | 306a87 | #306a87 |
---|---|---|
RGB Decimal | 48, 106, 135 | rgb(48,106,135) |
RGB Percent | 18.8, 41.6, 52.9 | rgb(18.8%,41.6%,52.9%) |
CMYK | 64, 21, 0, 47 | |
HSL | 200°, 47.5, 35.9 | hsl(200,47.5%,35.9%) |
HSV (or HSB) | 200°, 64.4, 52.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 42.285, -9.462, -21.654 |
---|---|
XYZ | 10.745, 12.685, 24.803 |
xyY | 0.223, 0.263, 12.685 |
CIE-LCH | 42.285, 23.631, 246.397 |
CIE-LUV | 42.285, -22.972, -29.594 |
Hunter-Lab | 35.616, -8.476, -16.358 |
Binary | 00110000, 01101010, 10000111 |
Color Schemes with #306a87
Alternatives to #306a87
Below, you can see some colors close to #306a87. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306a87 Preview
This text has a font color of #306a87.
<span style="color:#306a87;">Text here</span>
This paragraph has a background color of #306a87.
<p style="background-color:#306a87;">Content here</p>
This element has a border color of #306a87.
<div style="border:1px solid #306a87;">Content here</div>
.text {color:#306a87;}
.background {background-color:#306a87;}
.border {border:1px solid #306a87;}
Shades and Tints of #306a87
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, #020405 is the darkest color, while #f5f9fc is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#070f13
#070f13
rgb(7,15,19)
-
#0c1a22
#0c1a22
rgb(12,26,34)
-
#112630
#112630
rgb(17,38,48)
-
#16313f
#16313f
rgb(22,49,63)
-
#1b3d4d
#1b3d4d
rgb(27,61,77)
-
#21485c
#21485c
rgb(33,72,92)
-
#26536a
#26536a
rgb(38,83,106)
-
#2b5f79
#2b5f79
rgb(43,95,121)
-
#306a87
#306a87
rgb(48,106,135)
-
#357595
#357595
rgb(53,117,149)
-
#3a81a4
#3a81a4
rgb(58,129,164)
-
#3f8cb2
#3f8cb2
rgb(63,140,178)
-
#4896be
#4896be
rgb(72,150,190)
-
#569fc3
#569fc3
rgb(86,159,195)
-
#65a7c8
#65a7c8
rgb(101,167,200)
-
#73afcd
#73afcd
rgb(115,175,205)
-
#82b7d2
#82b7d2
rgb(130,183,210)
-
#90c0d8
#90c0d8
rgb(144,192,216)
-
#9ec8dd
#9ec8dd
rgb(158,200,221)
-
#add0e2
#add0e2
rgb(173,208,226)
-
#bbd8e7
#bbd8e7
rgb(187,216,231)
-
#cae1ec
#cae1ec
rgb(202,225,236)
-
#d8e9f1
#d8e9f1
rgb(216,233,241)
-
#e7f1f6
#e7f1f6
rgb(231,241,246)
-
#f5f9fc
#f5f9fc
rgb(245,249,252)
Tones of #306a87
A tone is produced by adding gray to any pure hue. In this case, #5a5c5d is the less saturated color, while #0678b1 is the most saturated one.
-
#5a5c5d
#5a5c5d
rgb(90,92,93)
-
#535e64
#535e64
rgb(83,94,100)
-
#4c616b
#4c616b
rgb(76,97,107)
-
#456372
#456372
rgb(69,99,114)
-
#3e6579
#3e6579
rgb(62,101,121)
-
#376880
#376880
rgb(55,104,128)
-
#306a87
#306a87
rgb(48,106,135)
-
#296c8e
#296c8e
rgb(41,108,142)
-
#226f95
#226f95
rgb(34,111,149)
-
#1b719c
#1b719c
rgb(27,113,156)
-
#1473a3
#1473a3
rgb(20,115,163)
-
#0d76aa
#0d76aa
rgb(13,118,170)
-
#0678b1
#0678b1
rgb(6,120,177)
Color Blindness Simulator
Below, you can see how #306a87 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.