#306aaf Color Information
In a RGB color space, hex #306aaf is composed of 18.8% red, 41.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 39.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 212.6 degrees, a saturation of 57% and a lightness of 43.7%. #306aaf color hex could be obtained by blending #60d4ff with #00005f. Closest websafe color is: #336699.
-
- R 19
- G 42
- B 69
-
- C 73
- M 39
- Y 0
- K 31
● #306aaf color description : Dark blue.
#306aaf Color Conversion
The hexadecimal color #306aaf has RGB values of R:48, G:106, B:175 and CMYK values of C:0.73, M:0.39, Y:0, K:0.31. Its decimal value is 3173039.
Hex triplet | 306aaf | #306aaf |
---|---|---|
RGB Decimal | 48, 106, 175 | rgb(48,106,175) |
RGB Percent | 18.8, 41.6, 68.6 | rgb(18.8%,41.6%,68.6%) |
CMYK | 73, 39, 0, 31 | |
HSL | 212.6°, 57, 43.7 | hsl(212.6,57%,43.7%) |
HSV (or HSB) | 212.6°, 72.6, 68.6 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.277, 4.929, -42.261 |
---|---|
XYZ | 14.109, 14.031, 42.52 |
xyY | 0.2, 0.199, 14.031 |
CIE-LCH | 44.277, 42.547, 276.652 |
CIE-LUV | 44.277, -21.624, -63.16 |
Hunter-Lab | 37.457, 1.685, -41.083 |
Binary | 00110000, 01101010, 10101111 |
Color Schemes with #306aaf
Alternatives to #306aaf
Below, you can see some colors close to #306aaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306aaf Preview
This text has a font color of #306aaf.
<span style="color:#306aaf;">Text here</span>
This paragraph has a background color of #306aaf.
<p style="background-color:#306aaf;">Content here</p>
This element has a border color of #306aaf.
<div style="border:1px solid #306aaf;">Content here</div>
.text {color:#306aaf;}
.background {background-color:#306aaf;}
.border {border:1px solid #306aaf;}
Shades and Tints of #306aaf
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, #020306 is the darkest color, while #f5f9fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#060d15
#060d15
rgb(6,13,21)
-
#0a1624
#0a1624
rgb(10,22,36)
-
#0e1f34
#0e1f34
rgb(14,31,52)
-
#122943
#122943
rgb(18,41,67)
-
#173253
#173253
rgb(23,50,83)
-
#1b3b62
#1b3b62
rgb(27,59,98)
-
#1f4571
#1f4571
rgb(31,69,113)
-
#234e81
#234e81
rgb(35,78,129)
-
#285790
#285790
rgb(40,87,144)
-
#2c61a0
#2c61a0
rgb(44,97,160)
-
#306aaf
#306aaf
rgb(48,106,175)
-
#3473be
#3473be
rgb(52,115,190)
-
#3d7dca
#3d7dca
rgb(61,125,202)
-
#4c87ce
#4c87ce
rgb(76,135,206)
-
#5b92d2
#5b92d2
rgb(91,146,210)
-
#6b9cd6
#6b9cd6
rgb(107,156,214)
-
#7aa6db
#7aa6db
rgb(122,166,219)
-
#8ab0df
#8ab0df
rgb(138,176,223)
-
#99bbe3
#99bbe3
rgb(153,187,227)
-
#a8c5e7
#a8c5e7
rgb(168,197,231)
-
#b8cfeb
#b8cfeb
rgb(184,207,235)
-
#c7daf0
#c7daf0
rgb(199,218,240)
-
#d6e4f4
#d6e4f4
rgb(214,228,244)
-
#e6eef8
#e6eef8
rgb(230,238,248)
-
#f5f9fc
#f5f9fc
rgb(245,249,252)
Tones of #306aaf
A tone is produced by adding gray to any pure hue. In this case, #6c6f73 is the less saturated color, while #0566da is the most saturated one.
-
#6c6f73
#6c6f73
rgb(108,111,115)
-
#636e7c
#636e7c
rgb(99,110,124)
-
#5b6e84
#5b6e84
rgb(91,110,132)
-
#526d8d
#526d8d
rgb(82,109,141)
-
#4a6c95
#4a6c95
rgb(74,108,149)
-
#416b9e
#416b9e
rgb(65,107,158)
-
#396ba6
#396ba6
rgb(57,107,166)
-
#306aaf
#306aaf
rgb(48,106,175)
-
#2769b8
#2769b8
rgb(39,105,184)
-
#1f69c0
#1f69c0
rgb(31,105,192)
-
#1668c9
#1668c9
rgb(22,104,201)
-
#0e67d1
#0e67d1
rgb(14,103,209)
-
#0566da
#0566da
rgb(5,102,218)
Color Blindness Simulator
Below, you can see how #306aaf 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.