#305ba4 hex color

In a RGB color space, hex #305ba4 is composed of 18.8% red, 35.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 44.5% magenta, 0% yellow and 35.7% black. It has a hue angle of 217.8 degrees, a saturation of 54.7% and a lightness of 41.6%. #305ba4 color hex could be obtained by blending #60b6ff with #000049. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 36
- B 64
RGB color chart
- C 71
- M 45
- Y 0
- K 36
CMYK color chart

● #305ba4 color description : Dark blue.

The hexadecimal color #305ba4 has RGB values of R:48, G:91, B:164 and CMYK values of C:0.71, M:0.45, Y:0, K:0.36. Its decimal value is 3169188.

Hex triplet	305ba4	`#305ba4`
RGB Decimal	48, 91, 164	`rgb(48,91,164)`
RGB Percent	18.8, 35.7, 64.3	`rgb(18.8%,35.7%,64.3%)`
CMYK	71, 45, 0, 36
HSL	217.8°, 54.7, 41.6	`hsl(217.8,54.7%,41.6%)`
HSV (or HSB)	217.8°, 70.7, 64.3
Web Safe	336699	`#336699`

CIE-LAB	39.225, 10.399, -43.831
XYZ	11.659, 10.79, 36.588
xyY	0.197, 0.183, 10.79
CIE-LCH	39.225, 45.047, 283.347
CIE-LUV	39.225, -16.931, -64.006
Hunter-Lab	32.848, 5.873, -43.047
Binary	00110000, 01011011, 10100100

#305ba4
```
#305ba4 rgb(48,91,164)
```
#a47930
```
#a47930 rgb(164,121,48)
```

Complementary Color

#3095a4
```
#3095a4 rgb(48,149,164)
```
#305ba4
```
#305ba4 rgb(48,91,164)
```
#3f30a4
```
#3f30a4 rgb(63,48,164)
```

Analogous Color

#95a430
```
#95a430 rgb(149,164,48)
```
#305ba4
```
#305ba4 rgb(48,91,164)
```
#a43f30
```
#a43f30 rgb(164,63,48)
```

Split Complementary Color

#5ba430
```
#5ba430 rgb(91,164,48)
```
#305ba4
```
#305ba4 rgb(48,91,164)
```
#a4305b
```
#a4305b rgb(164,48,91)
```

Triadic Color

#30a479
```
#30a479 rgb(48,164,121)
```
#305ba4
```
#305ba4 rgb(48,91,164)
```
#a4305b
```
#a4305b rgb(164,48,91)
```
#a47930
```
#a47930 rgb(164,121,48)
```

Tetradic Color

#1f3a69
```
#1f3a69 rgb(31,58,105)
```
#24457d
```
#24457d rgb(36,69,125)
```
#2a5090
```
#2a5090 rgb(42,80,144)
```
#305ba4
```
#305ba4 rgb(48,91,164)
```
#3666b8
```
#3666b8 rgb(54,102,184)
```
#4072c7
```
#4072c7 rgb(64,114,199)
```
#5481cd
```
#5481cd rgb(84,129,205)
```

Monochromatic Color

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

#3078a4
```
#3078a4 rgb(48,120,164)
```
#306ea4
```
#306ea4 rgb(48,110,164)
```
#3065a4
```
#3065a4 rgb(48,101,164)
```
#305ba4
```
#305ba4 rgb(48,91,164)
```
#3051a4
```
#3051a4 rgb(48,81,164)
```
#3048a4
```
#3048a4 rgb(48,72,164)
```
#303ea4
```
#303ea4 rgb(48,62,164)
```

Similar Colors

Text with hexadecimal color #305ba4

This text has a font color of #305ba4.

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

#305ba4 background color

This paragraph has a background color of #305ba4.

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

#305ba4 border color

This element has a border color of #305ba4.

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

CSS codes

.text {color:#305ba4;}

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

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

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, #04070c is the darkest color, while #fcfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#080f1b
```
#080f1b rgb(8,15,27)
```
#0c182b
```
#0c182b rgb(12,24,43)
```
#11203a
```
#11203a rgb(17,32,58)
```
#152849
```
#152849 rgb(21,40,73)
```
#1a3158
```
#1a3158 rgb(26,49,88)
```
#1e3967
```
#1e3967 rgb(30,57,103)
```
#234276
```
#234276 rgb(35,66,118)
```
#274a86
```
#274a86 rgb(39,74,134)
```
#2c5395
```
#2c5395 rgb(44,83,149)
```
#305ba4
```
#305ba4 rgb(48,91,164)
```
#3463b3
```
#3463b3 rgb(52,99,179)
```
#396cc2
```
#396cc2 rgb(57,108,194)
```

Shade Color Variation

#4677c9
```
#4677c9 rgb(70,119,201)
```
#5582cd
```
#5582cd rgb(85,130,205)
```
#648dd2
```
#648dd2 rgb(100,141,210)
```
#7498d6
```
#7498d6 rgb(116,152,214)
```
#83a3db
```
#83a3db rgb(131,163,219)
```
#92aedf
```
#92aedf rgb(146,174,223)
```
#a1bae3
```
#a1bae3 rgb(161,186,227)
```
#b0c5e8
```
#b0c5e8 rgb(176,197,232)
```
#bfd0ec
```
#bfd0ec rgb(191,208,236)
```
#cfdbf1
```
#cfdbf1 rgb(207,219,241)
```
#dee6f5
```
#dee6f5 rgb(222,230,245)
```
#edf2fa
```
#edf2fa rgb(237,242,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696a6b is the less saturated color, while #0750cd is the most saturated one.

#696a6b
```
#696a6b rgb(105,106,107)
```
#616873
```
#616873 rgb(97,104,115)
```
#59667b
```
#59667b rgb(89,102,123)
```
#516383
```
#516383 rgb(81,99,131)
```
#48618c
```
#48618c rgb(72,97,140)
```
#405f94
```
#405f94 rgb(64,95,148)
```
#385d9c
```
#385d9c rgb(56,93,156)
```
#305ba4
```
#305ba4 rgb(48,91,164)
```
#2859ac
```
#2859ac rgb(40,89,172)
```
#2057b4
```
#2057b4 rgb(32,87,180)
```
#1855bc
```
#1855bc rgb(24,85,188)
```
#0f53c5
```
#0f53c5 rgb(15,83,197)
```
#0750cd
```
#0750cd rgb(7,80,205)
```

Tone Color Variation

Below, you can see how #305ba4 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
#4e5766 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4262a7 Protanopia 1% of men
#2366a7 Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#3b5fa6 Protanomaly 1% of men, 0.01% of women
#2862a6 Deuteranomaly 6% of men, 0.4% of women
#116786 Tritanomaly 0.01% of the population

#305ba4 hex color

#305ba4 Color Information

#305ba4 Color Conversion

Color Schemes with #305ba4

Alternatives to #305ba4

#305ba4 Preview

Shades and Tints of #305ba4

Tones of #305ba4

Color Blindness Simulator