#305eaa hex color

In a RGB color space, hex #305eaa is composed of 18.8% red, 36.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 44.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 217.4 degrees, a saturation of 56% and a lightness of 42.7%. #305eaa color hex could be obtained by blending #60bcff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 37
- B 67
RGB color chart
- C 72
- M 45
- Y 0
- K 33
CMYK color chart

● #305eaa color description : Dark blue.

The hexadecimal color #305eaa has RGB values of R:48, G:94, B:170 and CMYK values of C:0.72, M:0.45, Y:0, K:0.33. Its decimal value is 3169962.

Hex triplet	305eaa	`#305eaa`
RGB Decimal	48, 94, 170	`rgb(48,94,170)`
RGB Percent	18.8, 36.9, 66.7	`rgb(18.8%,36.9%,66.7%)`
CMYK	72, 45, 0, 33
HSL	217.4°, 56, 42.7	`hsl(217.4,56%,42.7%)`
HSV (or HSB)	217.4°, 71.8, 66.7
Web Safe	336699	`#336699`

CIE-LAB	40.468, 10.71, -45.399
XYZ	12.476, 11.535, 39.597
xyY	0.196, 0.181, 11.535
CIE-LCH	40.468, 46.645, 283.273
CIE-LUV	40.468, -17.805, -66.899
Hunter-Lab	33.963, 6.132, -45.35
Binary	00110000, 01011110, 10101010

#305eaa
```
#305eaa rgb(48,94,170)
```
#aa7c30
```
#aa7c30 rgb(170,124,48)
```

Complementary Color

#309baa
```
#309baa rgb(48,155,170)
```
#305eaa
```
#305eaa rgb(48,94,170)
```
#3f30aa
```
#3f30aa rgb(63,48,170)
```

Analogous Color

#9baa30
```
#9baa30 rgb(155,170,48)
```
#305eaa
```
#305eaa rgb(48,94,170)
```
#aa3f30
```
#aa3f30 rgb(170,63,48)
```

Split Complementary Color

#5eaa30
```
#5eaa30 rgb(94,170,48)
```
#305eaa
```
#305eaa rgb(48,94,170)
```
#aa305e
```
#aa305e rgb(170,48,94)
```

Triadic Color

#30aa7c
```
#30aa7c rgb(48,170,124)
```
#305eaa
```
#305eaa rgb(48,94,170)
```
#aa305e
```
#aa305e rgb(170,48,94)
```
#aa7c30
```
#aa7c30 rgb(170,124,48)
```

Tetradic Color

#1f3d6e
```
#1f3d6e rgb(31,61,110)
```
#254882
```
#254882 rgb(37,72,130)
```
#2a5396
```
#2a5396 rgb(42,83,150)
```
#305eaa
```
#305eaa rgb(48,94,170)
```
#3669be
```
#3669be rgb(54,105,190)
```
#4376ca
```
#4376ca rgb(67,118,202)
```
#5784d0
```
#5784d0 rgb(87,132,208)
```

Monochromatic Color

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

#307daa
```
#307daa rgb(48,125,170)
```
#3072aa
```
#3072aa rgb(48,114,170)
```
#3068aa
```
#3068aa rgb(48,104,170)
```
#305eaa
```
#305eaa rgb(48,94,170)
```
#3054aa
```
#3054aa rgb(48,84,170)
```
#304aaa
```
#304aaa rgb(48,74,170)
```
#3040aa
```
#3040aa rgb(48,64,170)
```

Similar Colors

Text with hexadecimal color #305eaa

This text has a font color of #305eaa.

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

#305eaa background color

This paragraph has a background color of #305eaa.

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

#305eaa border color

This element has a border color of #305eaa.

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

CSS codes

.text {color:#305eaa;}

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

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

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, #000102 is the darkest color, while #f1f5fb is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#050911
```
#050911 rgb(5,9,17)
```
#091220
```
#091220 rgb(9,18,32)
```
#0d1a30
```
#0d1a30 rgb(13,26,48)
```
#12233f
```
#12233f rgb(18,35,63)
```
#162b4e
```
#162b4e rgb(22,43,78)
```
#1a345e
```
#1a345e rgb(26,52,94)
```
#1f3c6d
```
#1f3c6d rgb(31,60,109)
```
#23457c
```
#23457c rgb(35,69,124)
```
#274d8b
```
#274d8b rgb(39,77,139)
```
#2c569b
```
#2c569b rgb(44,86,155)
```
#305eaa
```
#305eaa rgb(48,94,170)
```
#3466b9
```
#3466b9 rgb(52,102,185)
```

Shade Color Variation

#3a6fc7
```
#3a6fc7 rgb(58,111,199)
```
#497acc
```
#497acc rgb(73,122,204)
```
#5886d0
```
#5886d0 rgb(88,134,208)
```
#6891d4
```
#6891d4 rgb(104,145,212)
```
#779cd9
```
#779cd9 rgb(119,156,217)
```
#86a7dd
```
#86a7dd rgb(134,167,221)
```
#96b2e1
```
#96b2e1 rgb(150,178,225)
```
#a5bde6
```
#a5bde6 rgb(165,189,230)
```
#b4c8ea
```
#b4c8ea rgb(180,200,234)
```
#c4d4ee
```
#c4d4ee rgb(196,212,238)
```
#d3dff3
```
#d3dff3 rgb(211,223,243)
```
#e2eaf7
```
#e2eaf7 rgb(226,234,247)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6c6f is the less saturated color, while #0654d4 is the most saturated one.

#6b6c6f
```
#6b6c6f rgb(107,108,111)
```
#626a78
```
#626a78 rgb(98,106,120)
```
#5a6880
```
#5a6880 rgb(90,104,128)
```
#526688
```
#526688 rgb(82,102,136)
```
#496491
```
#496491 rgb(73,100,145)
```
#416299
```
#416299 rgb(65,98,153)
```
#3860a2
```
#3860a2 rgb(56,96,162)
```
#305eaa
```
#305eaa rgb(48,94,170)
```
#285cb2
```
#285cb2 rgb(40,92,178)
```
#1f5abb
```
#1f5abb rgb(31,90,187)
```
#1758c3
```
#1758c3 rgb(23,88,195)
```
#0e56cc
```
#0e56cc rgb(14,86,204)
```
#0654d4
```
#0654d4 rgb(6,84,212)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#515a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4265ad Protanopia 1% of men
#2069ad Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3c62ac Protanomaly 1% of men, 0.01% of women
#2665ac Deuteranomaly 6% of men, 0.4% of women
#116a8b Tritanomaly 0.01% of the population

#305eaa hex color

#305eaa Color Information

#305eaa Color Conversion

Color Schemes with #305eaa

Alternatives to #305eaa

#305eaa Preview

Shades and Tints of #305eaa

Tones of #305eaa

Color Blindness Simulator