#2f57a2 hex color

In a RGB color space, hex #2f57a2 is composed of 18.4% red, 34.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 46.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 219.1 degrees, a saturation of 55% and a lightness of 41%. #2f57a2 color hex could be obtained by blending #5eaeff with #000045. Closest websafe color is: #336699.

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

● #2f57a2 color description : Dark blue.

The hexadecimal color #2f57a2 has RGB values of R:47, G:87, B:162 and CMYK values of C:0.71, M:0.46, Y:0, K:0.36. Its decimal value is 3102626.

Hex triplet	2f57a2	`#2f57a2`
RGB Decimal	47, 87, 162	`rgb(47,87,162)`
RGB Percent	18.4, 34.1, 63.5	`rgb(18.4%,34.1%,63.5%)`
CMYK	71, 46, 0, 36
HSL	219.1°, 55, 41	`hsl(219.1,55%,41%)`
HSV (or HSB)	219.1°, 71, 63.5
Web Safe	336699	`#336699`

CIE-LAB	37.894, 12.103, -44.773
XYZ	11.101, 10.029, 35.531
xyY	0.196, 0.177, 10.029
CIE-LCH	37.894, 46.38, 285.126
CIE-LUV	37.894, -15.879, -64.883
Hunter-Lab	31.668, 7.151, -44.355
Binary	00101111, 01010111, 10100010

#2f57a2
```
#2f57a2 rgb(47,87,162)
```
#a27a2f
```
#a27a2f rgb(162,122,47)
```

Complementary Color

#2f91a2
```
#2f91a2 rgb(47,145,162)
```
#2f57a2
```
#2f57a2 rgb(47,87,162)
```
#402fa2
```
#402fa2 rgb(64,47,162)
```

Analogous Color

#91a22f
```
#91a22f rgb(145,162,47)
```
#2f57a2
```
#2f57a2 rgb(47,87,162)
```
#a2402f
```
#a2402f rgb(162,64,47)
```

Split Complementary Color

#57a22f
```
#57a22f rgb(87,162,47)
```
#2f57a2
```
#2f57a2 rgb(47,87,162)
```
#a22f57
```
#a22f57 rgb(162,47,87)
```

Triadic Color

#2fa27a
```
#2fa27a rgb(47,162,122)
```
#2f57a2
```
#2f57a2 rgb(47,87,162)
```
#a22f57
```
#a22f57 rgb(162,47,87)
```
#a27a2f
```
#a27a2f rgb(162,122,47)
```

Tetradic Color

#1e3767
```
#1e3767 rgb(30,55,103)
```
#24427a
```
#24427a rgb(36,66,122)
```
#294c8e
```
#294c8e rgb(41,76,142)
```
#2f57a2
```
#2f57a2 rgb(47,87,162)
```
#3562b6
```
#3562b6 rgb(53,98,182)
```
#3d6dc7
```
#3d6dc7 rgb(61,109,199)
```
#517ccd
```
#517ccd rgb(81,124,205)
```

Monochromatic Color

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

#2f74a2
```
#2f74a2 rgb(47,116,162)
```
#2f6aa2
```
#2f6aa2 rgb(47,106,162)
```
#2f61a2
```
#2f61a2 rgb(47,97,162)
```
#2f57a2
```
#2f57a2 rgb(47,87,162)
```
#2f4da2
```
#2f4da2 rgb(47,77,162)
```
#2f44a2
```
#2f44a2 rgb(47,68,162)
```
#2f3aa2
```
#2f3aa2 rgb(47,58,162)
```

Similar Colors

Text with hexadecimal color #2f57a2

This text has a font color of #2f57a2.

<span style="color:#2f57a2;">Text here</span>

#2f57a2 background color

This paragraph has a background color of #2f57a2.

<p style="background-color:#2f57a2;">Content here</p>

#2f57a2 border color

This element has a border color of #2f57a2.

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

CSS codes

.text {color:#2f57a2;}

.background {background-color:#2f57a2;}

.border {border:1px solid #2f57a2;}

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

#03050a
```
#03050a rgb(3,5,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0c1628
```
#0c1628 rgb(12,22,40)
```
#101e38
```
#101e38 rgb(16,30,56)
```
#152647
```
#152647 rgb(21,38,71)
```
#192e56
```
#192e56 rgb(25,46,86)
```
#1d3665
```
#1d3665 rgb(29,54,101)
```
#223f74
```
#223f74 rgb(34,63,116)
```
#264784
```
#264784 rgb(38,71,132)
```
#2b4f93
```
#2b4f93 rgb(43,79,147)
```
#2f57a2
```
#2f57a2 rgb(47,87,162)
```
#335fb1
```
#335fb1 rgb(51,95,177)
```
#3867c0
```
#3867c0 rgb(56,103,192)
```

Shade Color Variation

#4372c9
```
#4372c9 rgb(67,114,201)
```
#537dcd
```
#537dcd rgb(83,125,205)
```
#6289d1
```
#6289d1 rgb(98,137,209)
```
#7194d6
```
#7194d6 rgb(113,148,214)
```
#809fda
```
#809fda rgb(128,159,218)
```
#8fabdf
```
#8fabdf rgb(143,171,223)
```
#9fb6e3
```
#9fb6e3 rgb(159,182,227)
```
#aec2e7
```
#aec2e7 rgb(174,194,231)
```
#bdcdec
```
#bdcdec rgb(189,205,236)
```
#ccd9f0
```
#ccd9f0 rgb(204,217,240)
```
#dbe4f5
```
#dbe4f5 rgb(219,228,245)
```
#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, #67686a is the less saturated color, while #074bca is the most saturated one.

#67686a
```
#67686a rgb(103,104,106)
```
#5f6672
```
#5f6672 rgb(95,102,114)
```
#57637a
```
#57637a rgb(87,99,122)
```
#4f6182
```
#4f6182 rgb(79,97,130)
```
#475e8a
```
#475e8a rgb(71,94,138)
```
#3f5c92
```
#3f5c92 rgb(63,92,146)
```
#37599a
```
#37599a rgb(55,89,154)
```
#2f57a2
```
#2f57a2 rgb(47,87,162)
```
#2755aa
```
#2755aa rgb(39,85,170)
```
#1f52b2
```
#1f52b2 rgb(31,82,178)
```
#1750ba
```
#1750ba rgb(23,80,186)
```
#0f4dc2
```
#0f4dc2 rgb(15,77,194)
```
#074bca
```
#074bca rgb(7,75,202)
```

Tone Color Variation

Below, you can see how #2f57a2 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

#3b5fa6 Protanopia 1% of men
#1263a5 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#375ca4 Protanomaly 1% of men, 0.01% of women
#1c5ea4 Deuteranomaly 6% of men, 0.4% of women
#116383 Tritanomaly 0.01% of the population

#2f57a2 hex color

#2f57a2 Color Information

#2f57a2 Color Conversion

Color Schemes with #2f57a2

Alternatives to #2f57a2

#2f57a2 Preview

Shades and Tints of #2f57a2

Tones of #2f57a2

Color Blindness Simulator