#305aa1 hex color

In a RGB color space, hex #305aa1 is composed of 18.8% red, 35.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 44.1% magenta, 0% yellow and 36.9% black. It has a hue angle of 217.7 degrees, a saturation of 54.1% and a lightness of 41%. #305aa1 color hex could be obtained by blending #60b4ff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 35
- B 63
RGB color chart
- C 70
- M 44
- Y 0
- K 37
CMYK color chart

● #305aa1 color description : Dark blue.

The hexadecimal color #305aa1 has RGB values of R:48, G:90, B:161 and CMYK values of C:0.7, M:0.44, Y:0, K:0.37. Its decimal value is 3168929.

Hex triplet	305aa1	`#305aa1`
RGB Decimal	48, 90, 161	`rgb(48,90,161)`
RGB Percent	18.8, 35.3, 63.1	`rgb(18.8%,35.3%,63.1%)`
CMYK	70, 44, 0, 37
HSL	217.7°, 54.1, 41	`hsl(217.7,54.1%,41%)`
HSV (or HSB)	217.7°, 70.2, 63.1
Web Safe	336699	`#336699`

CIE-LAB	38.748, 9.923, -42.806
XYZ	11.307, 10.513, 35.15
xyY	0.198, 0.185, 10.513
CIE-LCH	38.748, 43.941, 283.051
CIE-LUV	38.748, -16.649, -62.252
Hunter-Lab	32.424, 5.503, -41.577
Binary	00110000, 01011010, 10100001

#305aa1
```
#305aa1 rgb(48,90,161)
```
#a17730
```
#a17730 rgb(161,119,48)
```

Complementary Color

#3093a1
```
#3093a1 rgb(48,147,161)
```
#305aa1
```
#305aa1 rgb(48,90,161)
```
#3e30a1
```
#3e30a1 rgb(62,48,161)
```

Analogous Color

#93a130
```
#93a130 rgb(147,161,48)
```
#305aa1
```
#305aa1 rgb(48,90,161)
```
#a13e30
```
#a13e30 rgb(161,62,48)
```

Split Complementary Color

#5aa130
```
#5aa130 rgb(90,161,48)
```
#305aa1
```
#305aa1 rgb(48,90,161)
```
#a1305a
```
#a1305a rgb(161,48,90)
```

Triadic Color

#30a177
```
#30a177 rgb(48,161,119)
```
#305aa1
```
#305aa1 rgb(48,90,161)
```
#a1305a
```
#a1305a rgb(161,48,90)
```
#a17730
```
#a17730 rgb(161,119,48)
```

Tetradic Color

#1e3966
```
#1e3966 rgb(30,57,102)
```
#24447a
```
#24447a rgb(36,68,122)
```
#2a4f8d
```
#2a4f8d rgb(42,79,141)
```
#305aa1
```
#305aa1 rgb(48,90,161)
```
#3665b5
```
#3665b5 rgb(54,101,181)
```
#3e71c6
```
#3e71c6 rgb(62,113,198)
```
#527fcb
```
#527fcb rgb(82,127,203)
```

Monochromatic Color

Below, you can see some colors close to #305aa1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3076a1
```
#3076a1 rgb(48,118,161)
```
#306da1
```
#306da1 rgb(48,109,161)
```
#3063a1
```
#3063a1 rgb(48,99,161)
```
#305aa1
```
#305aa1 rgb(48,90,161)
```
#3051a1
```
#3051a1 rgb(48,81,161)
```
#3047a1
```
#3047a1 rgb(48,71,161)
```
#303ea1
```
#303ea1 rgb(48,62,161)
```

Similar Colors

Text with hexadecimal color #305aa1

This text has a font color of #305aa1.

<span style="color:#305aa1;">Text here</span>

#305aa1 background color

This paragraph has a background color of #305aa1.

<p style="background-color:#305aa1;">Content here</p>

#305aa1 border color

This element has a border color of #305aa1.

<div style="border:1px solid #305aa1;">Content here</div>

CSS codes

.text {color:#305aa1;}

.background {background-color:#305aa1;}

.border {border:1px solid #305aa1;}

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, #03060a is the darkest color, while #fafbfd is the lightest one.

#03060a
```
#03060a rgb(3,6,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0c1628
```
#0c1628 rgb(12,22,40)
```
#101f37
```
#101f37 rgb(16,31,55)
```
#152746
```
#152746 rgb(21,39,70)
```
#193055
```
#193055 rgb(25,48,85)
```
#1e3865
```
#1e3865 rgb(30,56,101)
```
#224174
```
#224174 rgb(34,65,116)
```
#274983
```
#274983 rgb(39,73,131)
```
#2b5292
```
#2b5292 rgb(43,82,146)
```
#305aa1
```
#305aa1 rgb(48,90,161)
```
#3562b0
```
#3562b0 rgb(53,98,176)
```
#396bbf
```
#396bbf rgb(57,107,191)
```

Shade Color Variation

#4475c7
```
#4475c7 rgb(68,117,199)
```
#5480cc
```
#5480cc rgb(84,128,204)
```
#638bd0
```
#638bd0 rgb(99,139,208)
```
#7297d5
```
#7297d5 rgb(114,151,213)
```
#81a2d9
```
#81a2d9 rgb(129,162,217)
```
#90adde
```
#90adde rgb(144,173,222)
```
#9fb8e2
```
#9fb8e2 rgb(159,184,226)
```
#aec3e7
```
#aec3e7 rgb(174,195,231)
```
#bdceeb
```
#bdceeb rgb(189,206,235)
```
#ccdaf0
```
#ccdaf0 rgb(204,218,240)
```
#dce5f4
```
#dce5f4 rgb(220,229,244)
```
#ebf0f9
```
#ebf0f9 rgb(235,240,249)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686869 is the less saturated color, while #0850c9 is the most saturated one.

#686869
```
#686869 rgb(104,104,105)
```
#606671
```
#606671 rgb(96,102,113)
```
#586479
```
#586479 rgb(88,100,121)
```
#506281
```
#506281 rgb(80,98,129)
```
#486089
```
#486089 rgb(72,96,137)
```
#405e91
```
#405e91 rgb(64,94,145)
```
#385c99
```
#385c99 rgb(56,92,153)
```
#305aa1
```
#305aa1 rgb(48,90,161)
```
#2858a9
```
#2858a9 rgb(40,88,169)
```
#2056b1
```
#2056b1 rgb(32,86,177)
```
#1854b9
```
#1854b9 rgb(24,84,185)
```
#1052c1
```
#1052c1 rgb(16,82,193)
```
#0850c9
```
#0850c9 rgb(8,80,201)
```

Tone Color Variation

Below, you can see how #305aa1 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.

Monochromacy

#565656 Achromatopsia 0.005% of the population
#4e5765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4261a5 Protanopia 1% of men
#2764a4 Deuteranopia 1% of men
#006d75 Tritanopia 0.001% of the population

Trichromacy

#3b5ea3 Protanomaly 1% of men, 0.01% of women
#2a60a3 Deuteranomaly 6% of men, 0.4% of women
#116685 Tritanomaly 0.01% of the population

#305aa1 hex color

#305aa1 Color Information

#305aa1 Color Conversion

Color Schemes with #305aa1

Alternatives to #305aa1

#305aa1 Preview

Shades and Tints of #305aa1

Tones of #305aa1

Color Blindness Simulator