#306baf Color Information
In a RGB color space, hex #306baf is composed of 18.8% red, 42% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 38.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 212.1 degrees, a saturation of 57% and a lightness of 43.7%. #306baf color hex could be obtained by blending #60d6ff with #00005f. Closest websafe color is: #336699.
-
- R 19
- G 42
- B 69
-
- C 73
- M 39
- Y 0
- K 31
● #306baf color description : Dark blue.
#306baf Color Conversion
The hexadecimal color #306baf has RGB values of R:48, G:107, B:175 and CMYK values of C:0.73, M:0.39, Y:0, K:0.31. Its decimal value is 3173295.
Hex triplet | 306baf | #306baf |
---|---|---|
RGB Decimal | 48, 107, 175 | rgb(48,107,175) |
RGB Percent | 18.8, 42, 68.6 | rgb(18.8%,42%,68.6%) |
CMYK | 73, 39, 0, 31 | |
HSL | 212.1°, 57, 43.7 | hsl(212.1,57%,43.7%) |
HSV (or HSB) | 212.1°, 72.6, 68.6 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.572, 4.302, -41.791 |
---|---|
XYZ | 14.213, 14.238, 42.554 |
xyY | 0.2, 0.201, 14.238 |
CIE-LCH | 44.572, 42.012, 275.878 |
CIE-LUV | 44.572, -21.959, -62.479 |
Hunter-Lab | 37.733, 1.202, -40.452 |
Binary | 00110000, 01101011, 10101111 |
Color Schemes with #306baf
Alternatives to #306baf
Below, you can see some colors close to #306baf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306baf Preview
This text has a font color of #306baf.
<span style="color:#306baf;">Text here</span>
This paragraph has a background color of #306baf.
<p style="background-color:#306baf;">Content here</p>
This element has a border color of #306baf.
<div style="border:1px solid #306baf;">Content here</div>
.text {color:#306baf;}
.background {background-color:#306baf;}
.border {border:1px solid #306baf;}
Shades and Tints of #306baf
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)
-
#0e2034
#0e2034
rgb(14,32,52)
-
#122943
#122943
rgb(18,41,67)
-
#173353
#173353
rgb(23,51,83)
-
#1b3c62
#1b3c62
rgb(27,60,98)
-
#1f4571
#1f4571
rgb(31,69,113)
-
#234f81
#234f81
rgb(35,79,129)
-
#285890
#285890
rgb(40,88,144)
-
#2c62a0
#2c62a0
rgb(44,98,160)
-
#306baf
#306baf
rgb(48,107,175)
-
#3474be
#3474be
rgb(52,116,190)
-
#3d7eca
#3d7eca
rgb(61,126,202)
-
#4c88ce
#4c88ce
rgb(76,136,206)
-
#5b93d2
#5b93d2
rgb(91,147,210)
-
#6b9dd6
#6b9dd6
rgb(107,157,214)
-
#7aa7db
#7aa7db
rgb(122,167,219)
-
#8ab1df
#8ab1df
rgb(138,177,223)
-
#99bbe3
#99bbe3
rgb(153,187,227)
-
#a8c6e7
#a8c6e7
rgb(168,198,231)
-
#b8d0eb
#b8d0eb
rgb(184,208,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 #306baf
A tone is produced by adding gray to any pure hue. In this case, #6c6f73 is the less saturated color, while #0568da is the most saturated one.
-
#6c6f73
#6c6f73
rgb(108,111,115)
-
#636f7c
#636f7c
rgb(99,111,124)
-
#5b6e84
#5b6e84
rgb(91,110,132)
-
#526d8d
#526d8d
rgb(82,109,141)
-
#4a6d95
#4a6d95
rgb(74,109,149)
-
#416c9e
#416c9e
rgb(65,108,158)
-
#396ca6
#396ca6
rgb(57,108,166)
-
#306baf
#306baf
rgb(48,107,175)
-
#276ab8
#276ab8
rgb(39,106,184)
-
#1f6ac0
#1f6ac0
rgb(31,106,192)
-
#1669c9
#1669c9
rgb(22,105,201)
-
#0e69d1
#0e69d1
rgb(14,105,209)
-
#0568da
#0568da
rgb(5,104,218)
Color Blindness Simulator
Below, you can see how #306baf 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.