#2d59ff hex color

In a RGB color space, hex #2d59ff is composed of 17.6% red, 34.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 65.1% magenta, 0% yellow and 0% black. It has a hue angle of 227.4 degrees, a saturation of 100% and a lightness of 58.8%. #2d59ff color hex could be obtained by blending #5ab2ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 35
- B 100
RGB color chart
- C 82
- M 65
- Y 0
- K 0
CMYK color chart

● #2d59ff color description : Vivid blue.

The hexadecimal color #2d59ff has RGB values of R:45, G:89, B:255 and CMYK values of C:0.82, M:0.65, Y:0, K:0. Its decimal value is 2972159.

Hex triplet	2d59ff	`#2d59ff`
RGB Decimal	45, 89, 255	`rgb(45,89,255)`
RGB Percent	17.6, 34.9, 100	`rgb(17.6%,34.9%,100%)`
CMYK	82, 65, 0, 0
HSL	227.4°, 100, 58.8	`hsl(227.4,100%,58.8%)`
HSV (or HSB)	227.4°, 82.4, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.526, 45.024, -85.89
XYZ	22.701, 14.921, 96.286
xyY	0.17, 0.111, 14.921
CIE-LCH	45.526, 96.976, 297.664
CIE-LUV	45.526, -16.709, -128.727
Hunter-Lab	38.628, 37.303, -120.751
Binary	00101101, 01011001, 11111111

#2d59ff
```
#2d59ff rgb(45,89,255)
```
#ffd32d
```
#ffd32d rgb(255,211,45)
```

Complementary Color

#2dc2ff
```
#2dc2ff rgb(45,194,255)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```
#6a2dff
```
#6a2dff rgb(106,45,255)
```

Analogous Color

#c2ff2d
```
#c2ff2d rgb(194,255,45)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```
#ff6a2d
```
#ff6a2d rgb(255,106,45)
```

Split Complementary Color

#59ff2d
```
#59ff2d rgb(89,255,45)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```
#ff2d59
```
#ff2d59 rgb(255,45,89)
```

Triadic Color

#2dffd3
```
#2dffd3 rgb(45,255,211)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```
#ff2d59
```
#ff2d59 rgb(255,45,89)
```
#ffd32d
```
#ffd32d rgb(255,211,45)
```

Tetradic Color

#002fe0
```
#002fe0 rgb(0,47,224)
```
#0034f9
```
#0034f9 rgb(0,52,249)
```
#1445ff
```
#1445ff rgb(20,69,255)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```
#476dff
```
#476dff rgb(71,109,255)
```
#6081ff
```
#6081ff rgb(96,129,255)
```
#7a95ff
```
#7a95ff rgb(122,149,255)
```

Monochromatic Color

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

#2d8eff
```
#2d8eff rgb(45,142,255)
```
#2d7cff
```
#2d7cff rgb(45,124,255)
```
#2d6bff
```
#2d6bff rgb(45,107,255)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```
#2d48ff
```
#2d48ff rgb(45,72,255)
```
#2d36ff
```
#2d36ff rgb(45,54,255)
```
#362dff
```
#362dff rgb(54,45,255)
```

Similar Colors

Text with hexadecimal color #2d59ff

This text has a font color of #2d59ff.

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

#2d59ff background color

This paragraph has a background color of #2d59ff.

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

#2d59ff border color

This element has a border color of #2d59ff.

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

CSS codes

.text {color:#2d59ff;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#000519
```
#000519 rgb(0,5,25)
```
#00092d
```
#00092d rgb(0,9,45)
```
#000e41
```
#000e41 rgb(0,14,65)
```
#001254
```
#001254 rgb(0,18,84)
```
#001668
```
#001668 rgb(0,22,104)
```
#001a7b
```
#001a7b rgb(0,26,123)
```
#001e8f
```
#001e8f rgb(0,30,143)
```
#0022a3
```
#0022a3 rgb(0,34,163)
```
#0026b6
```
#0026b6 rgb(0,38,182)
```
#002aca
```
#002aca rgb(0,42,202)
```
#002ede
```
#002ede rgb(0,46,222)
```
#0033f1
```
#0033f1 rgb(0,51,241)
```

Shade Color Variation

#063aff
```
#063aff rgb(6,58,255)
```
#1949ff
```
#1949ff rgb(25,73,255)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```
#4169ff
```
#4169ff rgb(65,105,255)
```
#5478ff
```
#5478ff rgb(84,120,255)
```
#6888ff
```
#6888ff rgb(104,136,255)
```
#7b97ff
```
#7b97ff rgb(123,151,255)
```
#8fa7ff
```
#8fa7ff rgb(143,167,255)
```
#a3b6ff
```
#a3b6ff rgb(163,182,255)
```
#b6c6ff
```
#b6c6ff rgb(182,198,255)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#dee5ff
```
#dee5ff rgb(222,229,255)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e919e is the less saturated color, while #2d59ff is the most saturated one.

#8e919e
```
#8e919e rgb(142,145,158)
```
#868da6
```
#868da6 rgb(134,141,166)
```
#7e88ae
```
#7e88ae rgb(126,136,174)
```
#7683b6
```
#7683b6 rgb(118,131,182)
```
#6e7fbe
```
#6e7fbe rgb(110,127,190)
```
#667ac6
```
#667ac6 rgb(102,122,198)
```
#5d75cf
```
#5d75cf rgb(93,117,207)
```
#5570d7
```
#5570d7 rgb(85,112,215)
```
#4d6cdf
```
#4d6cdf rgb(77,108,223)
```
#4567e7
```
#4567e7 rgb(69,103,231)
```
#3d62ef
```
#3d62ef rgb(61,98,239)
```
#355ef7
```
#355ef7 rgb(53,94,247)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#555e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#1067e7 Protanomaly 1% of men, 0.01% of women
#106bd5 Deuteranomaly 6% of men, 0.4% of women
#1071b1 Tritanomaly 0.01% of the population

#2d59ff hex color

#2d59ff Color Information

#2d59ff Color Conversion

Color Schemes with #2d59ff

Alternatives to #2d59ff

#2d59ff Preview

Shades and Tints of #2d59ff

Tones of #2d59ff

Color Blindness Simulator