#2057da hex color

In a RGB color space, hex #2057da is composed of 12.5% red, 34.1% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 60.1% magenta, 0% yellow and 14.5% black. It has a hue angle of 222.3 degrees, a saturation of 74.4% and a lightness of 49%. #2057da color hex could be obtained by blending #40aeff with #0000b5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 34
- B 85
RGB color chart
- C 85
- M 60
- Y 0
- K 15
CMYK color chart

● #2057da color description : Vivid blue.

The hexadecimal color #2057da has RGB values of R:32, G:87, B:218 and CMYK values of C:0.85, M:0.6, Y:0, K:0.15. Its decimal value is 2119642.

Hex triplet	2057da	`#2057da`
RGB Decimal	32, 87, 218	`rgb(32,87,218)`
RGB Percent	12.5, 34.1, 85.5	`rgb(12.5%,34.1%,85.5%)`
CMYK	85, 60, 0, 15
HSL	222.3°, 74.4, 49	`hsl(222.3,74.4%,49%)`
HSV (or HSB)	222.3°, 85.3, 85.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.507, 31.924, -71.636
XYZ	16.656, 12.184, 67.8
xyY	0.172, 0.126, 12.184
CIE-LCH	41.507, 78.427, 294.02
CIE-LUV	41.507, -17.507, -105.82
Hunter-Lab	34.906, 24.09, -90.729
Binary	00100000, 01010111, 11011010

#2057da
```
#2057da rgb(32,87,218)
```
#daa320
```
#daa320 rgb(218,163,32)
```

Complementary Color

#20b4da
```
#20b4da rgb(32,180,218)
```
#2057da
```
#2057da rgb(32,87,218)
```
#4620da
```
#4620da rgb(70,32,218)
```

Analogous Color

#b4da20
```
#b4da20 rgb(180,218,32)
```
#2057da
```
#2057da rgb(32,87,218)
```
#da4620
```
#da4620 rgb(218,70,32)
```

Split Complementary Color

#57da20
```
#57da20 rgb(87,218,32)
```
#2057da
```
#2057da rgb(32,87,218)
```
#da2057
```
#da2057 rgb(218,32,87)
```

Triadic Color

#20daa3
```
#20daa3 rgb(32,218,163)
```
#2057da
```
#2057da rgb(32,87,218)
```
#da2057
```
#da2057 rgb(218,32,87)
```
#daa320
```
#daa320 rgb(218,163,32)
```

Tetradic Color

#163c97
```
#163c97 rgb(22,60,151)
```
#1945ae
```
#1945ae rgb(25,69,174)
```
#1d4ec4
```
#1d4ec4 rgb(29,78,196)
```
#2057da
```
#2057da rgb(32,87,218)
```
#3366e1
```
#3366e1 rgb(51,102,225)
```
#4977e4
```
#4977e4 rgb(73,119,228)
```
#5f87e8
```
#5f87e8 rgb(95,135,232)
```

Monochromatic Color

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

#2086da
```
#2086da rgb(32,134,218)
```
#2076da
```
#2076da rgb(32,118,218)
```
#2067da
```
#2067da rgb(32,103,218)
```
#2057da
```
#2057da rgb(32,87,218)
```
#2048da
```
#2048da rgb(32,72,218)
```
#2038da
```
#2038da rgb(32,56,218)
```
#2029da
```
#2029da rgb(32,41,218)
```

Similar Colors

Text with hexadecimal color #2057da

This text has a font color of #2057da.

<span style="color:#2057da;">Text here</span>

#2057da background color

This paragraph has a background color of #2057da.

<p style="background-color:#2057da;">Content here</p>

#2057da border color

This element has a border color of #2057da.

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

CSS codes

.text {color:#2057da;}

.background {background-color:#2057da;}

.border {border:1px solid #2057da;}

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

#02050d
```
#02050d rgb(2,5,13)
```
#040c1e
```
#040c1e rgb(4,12,30)
```
#07132f
```
#07132f rgb(7,19,47)
```
#091a40
```
#091a40 rgb(9,26,64)
```
#0c2051
```
#0c2051 rgb(12,32,81)
```
#0e2762
```
#0e2762 rgb(14,39,98)
```
#112e73
```
#112e73 rgb(17,46,115)
```
#133584
```
#133584 rgb(19,53,132)
```
#163c96
```
#163c96 rgb(22,60,150)
```
#1843a7
```
#1843a7 rgb(24,67,167)
```
#1b49b8
```
#1b49b8 rgb(27,73,184)
```
#1d50c9
```
#1d50c9 rgb(29,80,201)
```
#2057da
```
#2057da rgb(32,87,218)
```

Shade Color Variation

#2d62e0
```
#2d62e0 rgb(45,98,224)
```
#3e6fe3
```
#3e6fe3 rgb(62,111,227)
```
#507ce5
```
#507ce5 rgb(80,124,229)
```
#6189e8
```
#6189e8 rgb(97,137,232)
```
#7295ea
```
#7295ea rgb(114,149,234)
```
#83a2ed
```
#83a2ed rgb(131,162,237)
```
#94afef
```
#94afef rgb(148,175,239)
```
#a5bcf2
```
#a5bcf2 rgb(165,188,242)
```
#b6c9f4
```
#b6c9f4 rgb(182,201,244)
```
#c7d5f7
```
#c7d5f7 rgb(199,213,247)
```
#d8e2f9
```
#d8e2f9 rgb(216,226,249)
```
#eaeffc
```
#eaeffc rgb(234,239,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777a83 is the less saturated color, while #034bf7 is the most saturated one.

#777a83
```
#777a83 rgb(119,122,131)
```
#6d768d
```
#6d768d rgb(109,118,141)
```
#637397
```
#637397 rgb(99,115,151)
```
#5a6fa0
```
#5a6fa0 rgb(90,111,160)
```
#506baa
```
#506baa rgb(80,107,170)
```
#4667b4
```
#4667b4 rgb(70,103,180)
```
#3d63bd
```
#3d63bd rgb(61,99,189)
```
#335fc7
```
#335fc7 rgb(51,95,199)
```
#2a5bd0
```
#2a5bd0 rgb(42,91,208)
```
#2057da
```
#2057da rgb(32,87,218)
```
#1653e4
```
#1653e4 rgb(22,83,228)
```
#0d4fed
```
#0d4fed rgb(13,79,237)
```
#034bf7
```
#034bf7 rgb(3,75,247)
```

Tone Color Variation

Below, you can see how #2057da 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
#4a5570 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c9 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0b61cf Protanomaly 1% of men, 0.01% of women
#0b64be Deuteranomaly 6% of men, 0.4% of women
#0b699d Tritanomaly 0.01% of the population

#2057da hex color

#2057da Color Information

#2057da Color Conversion

Color Schemes with #2057da

Alternatives to #2057da

#2057da Preview

Shades and Tints of #2057da

Tones of #2057da

Color Blindness Simulator