#3057a5 hex color

In a RGB color space, hex #3057a5 is composed of 18.8% red, 34.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 47.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 220 degrees, a saturation of 54.9% and a lightness of 41.8%. #3057a5 color hex could be obtained by blending #60aeff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 34
- B 65
RGB color chart
- C 71
- M 47
- Y 0
- K 35
CMYK color chart

● #3057a5 color description : Dark blue.

The hexadecimal color #3057a5 has RGB values of R:48, G:87, B:165 and CMYK values of C:0.71, M:0.47, Y:0, K:0.35. Its decimal value is 3168165.

Hex triplet	3057a5	`#3057a5`
RGB Decimal	48, 87, 165	`rgb(48,87,165)`
RGB Percent	18.8, 34.1, 64.7	`rgb(18.8%,34.1%,64.7%)`
CMYK	71, 47, 0, 35
HSL	220°, 54.9, 41.8	`hsl(220,54.9%,41.8%)`
HSV (or HSB)	220°, 70.9, 64.7
Web Safe	336699	`#336699`

CIE-LAB	38.129, 13.389, -46.182
XYZ	11.417, 10.161, 36.955
xyY	0.195, 0.174, 10.161
CIE-LCH	38.129, 48.084, 286.168
CIE-LUV	38.129, -15.656, -67.131
Hunter-Lab	31.876, 8.152, -46.424
Binary	00110000, 01010111, 10100101

#3057a5
```
#3057a5 rgb(48,87,165)
```
#a57e30
```
#a57e30 rgb(165,126,48)
```

Complementary Color

#3092a5
```
#3092a5 rgb(48,146,165)
```
#3057a5
```
#3057a5 rgb(48,87,165)
```
#4330a5
```
#4330a5 rgb(67,48,165)
```

Analogous Color

#92a530
```
#92a530 rgb(146,165,48)
```
#3057a5
```
#3057a5 rgb(48,87,165)
```
#a54330
```
#a54330 rgb(165,67,48)
```

Split Complementary Color

#57a530
```
#57a530 rgb(87,165,48)
```
#3057a5
```
#3057a5 rgb(48,87,165)
```
#a53057
```
#a53057 rgb(165,48,87)
```

Triadic Color

#30a57e
```
#30a57e rgb(48,165,126)
```
#3057a5
```
#3057a5 rgb(48,87,165)
```
#a53057
```
#a53057 rgb(165,48,87)
```
#a57e30
```
#a57e30 rgb(165,126,48)
```

Tetradic Color

#1f386a
```
#1f386a rgb(31,56,106)
```
#25427d
```
#25427d rgb(37,66,125)
```
#2a4d91
```
#2a4d91 rgb(42,77,145)
```
#3057a5
```
#3057a5 rgb(48,87,165)
```
#3661b9
```
#3661b9 rgb(54,97,185)
```
#406dc8
```
#406dc8 rgb(64,109,200)
```
#547dcd
```
#547dcd rgb(84,125,205)
```

Monochromatic Color

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

#3074a5
```
#3074a5 rgb(48,116,165)
```
#306ba5
```
#306ba5 rgb(48,107,165)
```
#3061a5
```
#3061a5 rgb(48,97,165)
```
#3057a5
```
#3057a5 rgb(48,87,165)
```
#304da5
```
#304da5 rgb(48,77,165)
```
#3044a5
```
#3044a5 rgb(48,68,165)
```
#303aa5
```
#303aa5 rgb(48,58,165)
```

Similar Colors

Text with hexadecimal color #3057a5

This text has a font color of #3057a5.

<span style="color:#3057a5;">Text here</span>

#3057a5 background color

This paragraph has a background color of #3057a5.

<p style="background-color:#3057a5;">Content here</p>

#3057a5 border color

This element has a border color of #3057a5.

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

CSS codes

.text {color:#3057a5;}

.background {background-color:#3057a5;}

.border {border:1px solid #3057a5;}

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

#04070d
```
#04070d rgb(4,7,13)
```
#080f1c
```
#080f1c rgb(8,15,28)
```
#0d172b
```
#0d172b rgb(13,23,43)
```
#111f3b
```
#111f3b rgb(17,31,59)
```
#15274a
```
#15274a rgb(21,39,74)
```
#1a2f59
```
#1a2f59 rgb(26,47,89)
```
#1e3768
```
#1e3768 rgb(30,55,104)
```
#233f77
```
#233f77 rgb(35,63,119)
```
#274787
```
#274787 rgb(39,71,135)
```
#2c4f96
```
#2c4f96 rgb(44,79,150)
```
#3057a5
```
#3057a5 rgb(48,87,165)
```
#345fb4
```
#345fb4 rgb(52,95,180)
```
#3967c3
```
#3967c3 rgb(57,103,195)
```

Shade Color Variation

#4772c9
```
#4772c9 rgb(71,114,201)
```
#567ece
```
#567ece rgb(86,126,206)
```
#6589d2
```
#6589d2 rgb(101,137,210)
```
#7495d7
```
#7495d7 rgb(116,149,215)
```
#83a1db
```
#83a1db rgb(131,161,219)
```
#92acdf
```
#92acdf rgb(146,172,223)
```
#a2b8e4
```
#a2b8e4 rgb(162,184,228)
```
#b1c3e8
```
#b1c3e8 rgb(177,195,232)
```
#c0cfed
```
#c0cfed rgb(192,207,237)
```
#cfdbf1
```
#cfdbf1 rgb(207,219,241)
```
#dee6f6
```
#dee6f6 rgb(222,230,246)
```
#eef2fa
```
#eef2fa rgb(238,242,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#696a6c
```
#696a6c rgb(105,106,108)
```
#616774
```
#616774 rgb(97,103,116)
```
#59657c
```
#59657c rgb(89,101,124)
```
#516284
```
#516284 rgb(81,98,132)
```
#495f8c
```
#495f8c rgb(73,95,140)
```
#405c95
```
#405c95 rgb(64,92,149)
```
#385a9d
```
#385a9d rgb(56,90,157)
```
#3057a5
```
#3057a5 rgb(48,87,165)
```
#2854ad
```
#2854ad rgb(40,84,173)
```
#2052b5
```
#2052b5 rgb(32,82,181)
```
#174fbe
```
#174fbe rgb(23,79,190)
```
#0f4cc6
```
#0f4cc6 rgb(15,76,198)
```
#0749ce
```
#0749ce rgb(7,73,206)
```

Tone Color Variation

Below, you can see how #3057a5 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

#545454 Achromatopsia 0.005% of the population
#4d5564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#395fa9 Protanopia 1% of men
#0063a6 Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#355ca8 Protanomaly 1% of men, 0.01% of women
#115fa6 Deuteranomaly 6% of men, 0.4% of women
#116485 Tritanomaly 0.01% of the population

#3057a5 hex color

#3057a5 Color Information

#3057a5 Color Conversion

Color Schemes with #3057a5

Alternatives to #3057a5

#3057a5 Preview

Shades and Tints of #3057a5

Tones of #3057a5

Color Blindness Simulator