#3057ac hex color

In a RGB color space, hex #3057ac is composed of 18.8% red, 34.1% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 49.4% magenta, 0% yellow and 32.5% black. It has a hue angle of 221.1 degrees, a saturation of 56.4% and a lightness of 43.1%. #3057ac color hex could be obtained by blending #60aeff with #000059. Closest websafe color is: #336699.

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

● #3057ac color description : Dark blue.

The hexadecimal color #3057ac has RGB values of R:48, G:87, B:172 and CMYK values of C:0.72, M:0.49, Y:0, K:0.33. Its decimal value is 3168172.

Hex triplet	3057ac	`#3057ac`
RGB Decimal	48, 87, 172	`rgb(48,87,172)`
RGB Percent	18.8, 34.1, 67.5	`rgb(18.8%,34.1%,67.5%)`
CMYK	72, 49, 0, 33
HSL	221.1°, 56.4, 43.1	`hsl(221.1,56.4%,43.1%)`
HSV (or HSB)	221.1°, 72.1, 67.5
Web Safe	336699	`#336699`

CIE-LAB	38.59, 16.03, -49.598
XYZ	12.072, 10.422, 40.403
xyY	0.192, 0.166, 10.422
CIE-LCH	38.59, 52.124, 287.911
CIE-LUV	38.59, -15.608, -72.468
Hunter-Lab	32.284, 10.25, -51.602
Binary	00110000, 01010111, 10101100

#3057ac
```
#3057ac rgb(48,87,172)
```
#ac8530
```
#ac8530 rgb(172,133,48)
```

Complementary Color

#3095ac
```
#3095ac rgb(48,149,172)
```
#3057ac
```
#3057ac rgb(48,87,172)
```
#4730ac
```
#4730ac rgb(71,48,172)
```

Analogous Color

#95ac30
```
#95ac30 rgb(149,172,48)
```
#3057ac
```
#3057ac rgb(48,87,172)
```
#ac4730
```
#ac4730 rgb(172,71,48)
```

Split Complementary Color

#57ac30
```
#57ac30 rgb(87,172,48)
```
#3057ac
```
#3057ac rgb(48,87,172)
```
#ac3057
```
#ac3057 rgb(172,48,87)
```

Triadic Color

#30ac85
```
#30ac85 rgb(48,172,133)
```
#3057ac
```
#3057ac rgb(48,87,172)
```
#ac3057
```
#ac3057 rgb(172,48,87)
```
#ac8530
```
#ac8530 rgb(172,133,48)
```

Tetradic Color

#1f3970
```
#1f3970 rgb(31,57,112)
```
#254384
```
#254384 rgb(37,67,132)
```
#2a4d98
```
#2a4d98 rgb(42,77,152)
```
#3057ac
```
#3057ac rgb(48,87,172)
```
#3661c0
```
#3661c0 rgb(54,97,192)
```
#446fcb
```
#446fcb rgb(68,111,203)
```
#587ed0
```
#587ed0 rgb(88,126,208)
```

Monochromatic Color

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

#3076ac
```
#3076ac rgb(48,118,172)
```
#306cac
```
#306cac rgb(48,108,172)
```
#3061ac
```
#3061ac rgb(48,97,172)
```
#3057ac
```
#3057ac rgb(48,87,172)
```
#304dac
```
#304dac rgb(48,77,172)
```
#3042ac
```
#3042ac rgb(48,66,172)
```
#3038ac
```
#3038ac rgb(48,56,172)
```

Similar Colors

Text with hexadecimal color #3057ac

This text has a font color of #3057ac.

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

#3057ac background color

This paragraph has a background color of #3057ac.

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

#3057ac border color

This element has a border color of #3057ac.

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

CSS codes

.text {color:#3057ac;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050913
```
#050913 rgb(5,9,19)
```
#091122
```
#091122 rgb(9,17,34)
```
#0e1931
```
#0e1931 rgb(14,25,49)
```
#122141
```
#122141 rgb(18,33,65)
```
#162850
```
#162850 rgb(22,40,80)
```
#1b305f
```
#1b305f rgb(27,48,95)
```
#1f386f
```
#1f386f rgb(31,56,111)
```
#23407e
```
#23407e rgb(35,64,126)
```
#27478d
```
#27478d rgb(39,71,141)
```
#2c4f9d
```
#2c4f9d rgb(44,79,157)
```
#3057ac
```
#3057ac rgb(48,87,172)
```
#345fbb
```
#345fbb rgb(52,95,187)
```

Shade Color Variation

#3b67c8
```
#3b67c8 rgb(59,103,200)
```
#4a73cd
```
#4a73cd rgb(74,115,205)
```
#5a7fd1
```
#5a7fd1 rgb(90,127,209)
```
#698bd5
```
#698bd5 rgb(105,139,213)
```
#7897d9
```
#7897d9 rgb(120,151,217)
```
#88a3de
```
#88a3de rgb(136,163,222)
```
#97afe2
```
#97afe2 rgb(151,175,226)
```
#a6bae6
```
#a6bae6 rgb(166,186,230)
```
#b6c6eb
```
#b6c6eb rgb(182,198,235)
```
#c5d2ef
```
#c5d2ef rgb(197,210,239)
```
#d4def3
```
#d4def3 rgb(212,222,243)
```
#e4eaf7
```
#e4eaf7 rgb(228,234,247)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#6b6d71
```
#6b6d71 rgb(107,109,113)
```
#636a79
```
#636a79 rgb(99,106,121)
```
#5a6782
```
#5a6782 rgb(90,103,130)
```
#52648a
```
#52648a rgb(82,100,138)
```
#496093
```
#496093 rgb(73,96,147)
```
#415d9b
```
#415d9b rgb(65,93,155)
```
#385aa4
```
#385aa4 rgb(56,90,164)
```
#3057ac
```
#3057ac rgb(48,87,172)
```
#2854b4
```
#2854b4 rgb(40,84,180)
```
#1f51bd
```
#1f51bd rgb(31,81,189)
```
#174ec5
```
#174ec5 rgb(23,78,197)
```
#0e4ace
```
#0e4ace rgb(14,74,206)
```
#0647d6
```
#0647d6 rgb(6,71,214)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e5566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3160b1 Protanopia 1% of men
#0065a7 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#315daf Protanomaly 1% of men, 0.01% of women
#1160a9 Deuteranomaly 6% of men, 0.4% of women
#116588 Tritanomaly 0.01% of the population

#3057ac hex color

#3057ac Color Information

#3057ac Color Conversion

Color Schemes with #3057ac

Alternatives to #3057ac

#3057ac Preview

Shades and Tints of #3057ac

Tones of #3057ac

Color Blindness Simulator