#307aa4 Color Information
In a RGB color space, hex #307aa4 is composed of 18.8% red, 47.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 25.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 201.7 degrees, a saturation of 54.7% and a lightness of 41.6%. #307aa4 color hex could be obtained by blending #60f4ff with #000049. Closest websafe color is: #336699.
-
- R 19
- G 48
- B 64
-
- C 71
- M 26
- Y 0
- K 36
● #307aa4 color description : Dark blue.
#307aa4 Color Conversion
The hexadecimal color #307aa4 has RGB values of R:48, G:122, B:164 and CMYK values of C:0.71, M:0.26, Y:0, K:0.36. Its decimal value is 3177124.
Hex triplet | 307aa4 | #307aa4 |
---|---|---|
RGB Decimal | 48, 122, 164 | rgb(48,122,164) |
RGB Percent | 18.8, 47.8, 64.3 | rgb(18.8%,47.8%,64.3%) |
CMYK | 71, 26, 0, 36 | |
HSL | 201.7°, 54.7, 41.6 | hsl(201.7,54.7%,41.6%) |
HSV (or HSB) | 201.7°, 70.7, 64.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 48.544, -8.744, -29.108 |
---|---|
XYZ | 14.878, 17.227, 37.661 |
xyY | 0.213, 0.247, 17.227 |
CIE-LCH | 48.544, 30.393, 253.281 |
CIE-LUV | 48.544, -27.623, -42.25 |
Hunter-Lab | 41.505, -8.65, -24.745 |
Binary | 00110000, 01111010, 10100100 |
Color Schemes with #307aa4
Alternatives to #307aa4
Below, you can see some colors close to #307aa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#307aa4 Preview
This text has a font color of #307aa4.
<span style="color:#307aa4;">Text here</span>
This paragraph has a background color of #307aa4.
<p style="background-color:#307aa4;">Content here</p>
This element has a border color of #307aa4.
<div style="border:1px solid #307aa4;">Content here</div>
.text {color:#307aa4;}
.background {background-color:#307aa4;}
.border {border:1px solid #307aa4;}
Shades and Tints of #307aa4
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, #04090c is the darkest color, while #fcfdfe is the lightest one.
-
#04090c
#04090c
rgb(4,9,12)
-
#08141b
#08141b
rgb(8,20,27)
-
#0c202b
#0c202b
rgb(12,32,43)
-
#112b3a
#112b3a
rgb(17,43,58)
-
#153649
#153649
rgb(21,54,73)
-
#1a4258
#1a4258
rgb(26,66,88)
-
#1e4d67
#1e4d67
rgb(30,77,103)
-
#235876
#235876
rgb(35,88,118)
-
#276386
#276386
rgb(39,99,134)
-
#2c6f95
#2c6f95
rgb(44,111,149)
-
#307aa4
#307aa4
rgb(48,122,164)
-
#3485b3
#3485b3
rgb(52,133,179)
-
#3991c2
#3991c2
rgb(57,145,194)
-
#4699c9
#4699c9
rgb(70,153,201)
-
#55a2cd
#55a2cd
rgb(85,162,205)
-
#64aad2
#64aad2
rgb(100,170,210)
-
#74b2d6
#74b2d6
rgb(116,178,214)
-
#83bbdb
#83bbdb
rgb(131,187,219)
-
#92c3df
#92c3df
rgb(146,195,223)
-
#a1cbe3
#a1cbe3
rgb(161,203,227)
-
#b0d4e8
#b0d4e8
rgb(176,212,232)
-
#bfdcec
#bfdcec
rgb(191,220,236)
-
#cfe4f1
#cfe4f1
rgb(207,228,241)
-
#deedf5
#deedf5
rgb(222,237,245)
-
#edf5fa
#edf5fa
rgb(237,245,250)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #307aa4
A tone is produced by adding gray to any pure hue. In this case, #696a6b is the less saturated color, while #0785cd is the most saturated one.
-
#696a6b
#696a6b
rgb(105,106,107)
-
#616d73
#616d73
rgb(97,109,115)
-
#596f7b
#596f7b
rgb(89,111,123)
-
#517183
#517183
rgb(81,113,131)
-
#48738c
#48738c
rgb(72,115,140)
-
#407694
#407694
rgb(64,118,148)
-
#38789c
#38789c
rgb(56,120,156)
-
#307aa4
#307aa4
rgb(48,122,164)
-
#287cac
#287cac
rgb(40,124,172)
-
#207eb4
#207eb4
rgb(32,126,180)
-
#1881bc
#1881bc
rgb(24,129,188)
-
#0f83c5
#0f83c5
rgb(15,131,197)
-
#0785cd
#0785cd
rgb(7,133,205)
Color Blindness Simulator
Below, you can see how #307aa4 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.