#2d5bff hex color

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

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

● #2d5bff color description : Vivid blue.

The hexadecimal color #2d5bff has RGB values of R:45, G:91, B:255 and CMYK values of C:0.82, M:0.64, Y:0, K:0. Its decimal value is 2972671.

Hex triplet	2d5bff	`#2d5bff`
RGB Decimal	45, 91, 255	`rgb(45,91,255)`
RGB Percent	17.6, 35.7, 100	`rgb(17.6%,35.7%,100%)`
CMYK	82, 64, 0, 0
HSL	226.9°, 100, 58.8	`hsl(226.9,100%,58.8%)`
HSV (or HSB)	226.9°, 82.4, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.986, 43.806, -85.134
XYZ	22.87, 15.258, 96.342
xyY	0.17, 0.113, 15.258
CIE-LCH	45.986, 95.743, 297.229
CIE-LUV	45.986, -17.144, -128.168
Hunter-Lab	39.062, 36.148, -118.889
Binary	00101101, 01011011, 11111111

#2d5bff
```
#2d5bff rgb(45,91,255)
```
#ffd12d
```
#ffd12d rgb(255,209,45)
```

Complementary Color

#2dc4ff
```
#2dc4ff rgb(45,196,255)
```
#2d5bff
```
#2d5bff rgb(45,91,255)
```
#682dff
```
#682dff rgb(104,45,255)
```

Analogous Color

#c4ff2d
```
#c4ff2d rgb(196,255,45)
```
#2d5bff
```
#2d5bff rgb(45,91,255)
```
#ff682d
```
#ff682d rgb(255,104,45)
```

Split Complementary Color

#5bff2d
```
#5bff2d rgb(91,255,45)
```
#2d5bff
```
#2d5bff rgb(45,91,255)
```
#ff2d5b
```
#ff2d5b rgb(255,45,91)
```

Triadic Color

#2dffd1
```
#2dffd1 rgb(45,255,209)
```
#2d5bff
```
#2d5bff rgb(45,91,255)
```
#ff2d5b
```
#ff2d5b rgb(255,45,91)
```
#ffd12d
```
#ffd12d rgb(255,209,45)
```

Tetradic Color

#0031e0
```
#0031e0 rgb(0,49,224)
```
#0037f9
```
#0037f9 rgb(0,55,249)
```
#1447ff
```
#1447ff rgb(20,71,255)
```
#2d5bff
```
#2d5bff rgb(45,91,255)
```
#476fff
```
#476fff rgb(71,111,255)
```
#6083ff
```
#6083ff rgb(96,131,255)
```
#7a97ff
```
#7a97ff rgb(122,151,255)
```

Monochromatic Color

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

#2d90ff
```
#2d90ff rgb(45,144,255)
```
#2d7eff
```
#2d7eff rgb(45,126,255)
```
#2d6dff
```
#2d6dff rgb(45,109,255)
```
#2d5bff
```
#2d5bff rgb(45,91,255)
```
#2d49ff
```
#2d49ff rgb(45,73,255)
```
#2d38ff
```
#2d38ff rgb(45,56,255)
```
#342dff
```
#342dff rgb(52,45,255)
```

Similar Colors

Text with hexadecimal color #2d5bff

This text has a font color of #2d5bff.

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

#2d5bff background color

This paragraph has a background color of #2d5bff.

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

#2d5bff border color

This element has a border color of #2d5bff.

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

CSS codes

.text {color:#2d5bff;}

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

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

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)
```
#000619
```
#000619 rgb(0,6,25)
```
#000a2d
```
#000a2d rgb(0,10,45)
```
#000e41
```
#000e41 rgb(0,14,65)
```
#001254
```
#001254 rgb(0,18,84)
```
#001768
```
#001768 rgb(0,23,104)
```
#001b7b
```
#001b7b rgb(0,27,123)
```
#001f8f
```
#001f8f rgb(0,31,143)
```
#0024a3
```
#0024a3 rgb(0,36,163)
```
#0028b6
```
#0028b6 rgb(0,40,182)
```
#002cca
```
#002cca rgb(0,44,202)
```
#0031de
```
#0031de rgb(0,49,222)
```
#0035f1
```
#0035f1 rgb(0,53,241)
```

Shade Color Variation

#063cff
```
#063cff rgb(6,60,255)
```
#194cff
```
#194cff rgb(25,76,255)
```
#2d5bff
```
#2d5bff rgb(45,91,255)
```
#416aff
```
#416aff rgb(65,106,255)
```
#547aff
```
#547aff rgb(84,122,255)
```
#6889ff
```
#6889ff rgb(104,137,255)
```
#7b98ff
```
#7b98ff rgb(123,152,255)
```
#8fa8ff
```
#8fa8ff rgb(143,168,255)
```
#a3b7ff
```
#a3b7ff rgb(163,183,255)
```
#b6c6ff
```
#b6c6ff rgb(182,198,255)
```
#cad6ff
```
#cad6ff rgb(202,214,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 #2d5bff is the most saturated one.

#8e919e
```
#8e919e rgb(142,145,158)
```
#868da6
```
#868da6 rgb(134,141,166)
```
#7e88ae
```
#7e88ae rgb(126,136,174)
```
#7684b6
```
#7684b6 rgb(118,132,182)
```
#6e7fbe
```
#6e7fbe rgb(110,127,190)
```
#667bc6
```
#667bc6 rgb(102,123,198)
```
#5d76cf
```
#5d76cf rgb(93,118,207)
```
#5572d7
```
#5572d7 rgb(85,114,215)
```
#4d6ddf
```
#4d6ddf rgb(77,109,223)
```
#4569e7
```
#4569e7 rgb(69,105,231)
```
#3d64ef
```
#3d64ef rgb(61,100,239)
```
#3560f7
```
#3560f7 rgb(53,96,247)
```
#2d5bff
```
#2d5bff rgb(45,91,255)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#565f80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#008086 Tritanopia 0.001% of the population

Trichromacy

#1069e9 Protanomaly 1% of men, 0.01% of women
#106dd6 Deuteranomaly 6% of men, 0.4% of women
#1072b2 Tritanomaly 0.01% of the population

#2d5bff hex color

#2d5bff Color Information

#2d5bff Color Conversion

Color Schemes with #2d5bff

Alternatives to #2d5bff

#2d5bff Preview

Shades and Tints of #2d5bff

Tones of #2d5bff

Color Blindness Simulator