#307ba3 Color Information
In a RGB color space, hex #307ba3 is composed of 18.8% red, 48.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 24.5% magenta, 0% yellow and 36.1% black. It has a hue angle of 200.9 degrees, a saturation of 54.5% and a lightness of 41.4%. #307ba3 color hex could be obtained by blending #60f6ff with #000047. Closest websafe color is: #336699.
-
- R 19
- G 48
- B 64
-
- C 71
- M 25
- Y 0
- K 36
● #307ba3 color description : Dark blue.
#307ba3 Color Conversion
The hexadecimal color #307ba3 has RGB values of R:48, G:123, B:163 and CMYK values of C:0.71, M:0.25, Y:0, K:0.36. Its decimal value is 3177379.
Hex triplet | 307ba3 | #307ba3 |
---|---|---|
RGB Decimal | 48, 123, 163 | rgb(48,123,163) |
RGB Percent | 18.8, 48.2, 63.9 | rgb(18.8%,48.2%,63.9%) |
CMYK | 71, 25, 0, 36 | |
HSL | 200.9°, 54.5, 41.4 | hsl(200.9,54.5%,41.4%) |
HSV (or HSB) | 200.9°, 70.6, 63.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 48.807, -9.672, -28.116 |
---|---|
XYZ | 14.911, 17.437, 37.228 |
xyY | 0.214, 0.251, 17.437 |
CIE-LCH | 48.807, 29.733, 251.016 |
CIE-LUV | 48.807, -28.031, -40.622 |
Hunter-Lab | 41.758, -9.338, -23.628 |
Binary | 00110000, 01111011, 10100011 |
Color Schemes with #307ba3
Alternatives to #307ba3
Below, you can see some colors close to #307ba3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#307ba3 Preview
This text has a font color of #307ba3.
<span style="color:#307ba3;">Text here</span>
This paragraph has a background color of #307ba3.
<p style="background-color:#307ba3;">Content here</p>
This element has a border color of #307ba3.
<div style="border:1px solid #307ba3;">Content here</div>
.text {color:#307ba3;}
.background {background-color:#307ba3;}
.border {border:1px solid #307ba3;}
Shades and Tints of #307ba3
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, #03090b is the darkest color, while #fbfdfe is the lightest one.
-
#03090b
#03090b
rgb(3,9,11)
-
#08141b
#08141b
rgb(8,20,27)
-
#0c202a
#0c202a
rgb(12,32,42)
-
#112b39
#112b39
rgb(17,43,57)
-
#153648
#153648
rgb(21,54,72)
-
#1a4257
#1a4257
rgb(26,66,87)
-
#1e4d66
#1e4d66
rgb(30,77,102)
-
#235976
#235976
rgb(35,89,118)
-
#276485
#276485
rgb(39,100,133)
-
#2c7094
#2c7094
rgb(44,112,148)
-
#307ba3
#307ba3
rgb(48,123,163)
-
#3486b2
#3486b2
rgb(52,134,178)
-
#3992c1
#3992c1
rgb(57,146,193)
-
#459bc8
#459bc8
rgb(69,155,200)
-
#55a3cd
#55a3cd
rgb(85,163,205)
-
#64abd1
#64abd1
rgb(100,171,209)
-
#73b3d6
#73b3d6
rgb(115,179,214)
-
#82bcda
#82bcda
rgb(130,188,218)
-
#91c4df
#91c4df
rgb(145,196,223)
-
#a0cce3
#a0cce3
rgb(160,204,227)
-
#b0d4e8
#b0d4e8
rgb(176,212,232)
-
#bfdcec
#bfdcec
rgb(191,220,236)
-
#cee4f1
#cee4f1
rgb(206,228,241)
-
#ddedf5
#ddedf5
rgb(221,237,245)
-
#ecf5f9
#ecf5f9
rgb(236,245,249)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #307ba3
A tone is produced by adding gray to any pure hue. In this case, #696a6a is the less saturated color, while #0787cc is the most saturated one.
-
#696a6a
#696a6a
rgb(105,106,106)
-
#616c72
#616c72
rgb(97,108,114)
-
#596f7a
#596f7a
rgb(89,111,122)
-
#507183
#507183
rgb(80,113,131)
-
#48748b
#48748b
rgb(72,116,139)
-
#407693
#407693
rgb(64,118,147)
-
#38799b
#38799b
rgb(56,121,155)
-
#307ba3
#307ba3
rgb(48,123,163)
-
#287dab
#287dab
rgb(40,125,171)
-
#2080b3
#2080b3
rgb(32,128,179)
-
#1882bb
#1882bb
rgb(24,130,187)
-
#1085c3
#1085c3
rgb(16,133,195)
-
#0787cc
#0787cc
rgb(7,135,204)
Color Blindness Simulator
Below, you can see how #307ba3 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.