#2d3dff hex color

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

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

● #2d3dff color description : Vivid blue.

The hexadecimal color #2d3dff has RGB values of R:45, G:61, B:255 and CMYK values of C:0.82, M:0.76, Y:0, K:0. Its decimal value is 2964991.

Hex triplet	2d3dff	`#2d3dff`
RGB Decimal	45, 61, 255	`rgb(45,61,255)`
RGB Percent	17.6, 23.9, 100	`rgb(17.6%,23.9%,100%)`
CMYK	82, 76, 0, 0
HSL	235.4°, 100, 58.8	`hsl(235.4,100%,58.8%)`
HSV (or HSB)	235.4°, 82.4, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.772, 60.901, -95.388
XYZ	20.797, 11.114, 95.651
xyY	0.163, 0.087, 11.114
CIE-LCH	39.772, 113.172, 302.556
CIE-LUV	39.772, -11.636, -133.145
Hunter-Lab	33.337, 53.015, -146.778
Binary	00101101, 00111101, 11111111

#2d3dff
```
#2d3dff rgb(45,61,255)
```
#ffef2d
```
#ffef2d rgb(255,239,45)
```

Complementary Color

#2da6ff
```
#2da6ff rgb(45,166,255)
```
#2d3dff
```
#2d3dff rgb(45,61,255)
```
#862dff
```
#862dff rgb(134,45,255)
```

Analogous Color

#a6ff2d
```
#a6ff2d rgb(166,255,45)
```
#2d3dff
```
#2d3dff rgb(45,61,255)
```
#ff862d
```
#ff862d rgb(255,134,45)
```

Split Complementary Color

#3dff2d
```
#3dff2d rgb(61,255,45)
```
#2d3dff
```
#2d3dff rgb(45,61,255)
```
#ff2d3d
```
#ff2d3d rgb(255,45,61)
```

Triadic Color

#2dffef
```
#2dffef rgb(45,255,239)
```
#2d3dff
```
#2d3dff rgb(45,61,255)
```
#ff2d3d
```
#ff2d3d rgb(255,45,61)
```
#ffef2d
```
#ffef2d rgb(255,239,45)
```

Tetradic Color

#0011e0
```
#0011e0 rgb(0,17,224)
```
#0013f9
```
#0013f9 rgb(0,19,249)
```
#1425ff
```
#1425ff rgb(20,37,255)
```
#2d3dff
```
#2d3dff rgb(45,61,255)
```
#4755ff
```
#4755ff rgb(71,85,255)
```
#606cff
```
#606cff rgb(96,108,255)
```
#7a84ff
```
#7a84ff rgb(122,132,255)
```

Monochromatic Color

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

#2d72ff
```
#2d72ff rgb(45,114,255)
```
#2d60ff
```
#2d60ff rgb(45,96,255)
```
#2d4eff
```
#2d4eff rgb(45,78,255)
```
#2d3dff
```
#2d3dff rgb(45,61,255)
```
#2f2dff
```
#2f2dff rgb(47,45,255)
```
#402dff
```
#402dff rgb(64,45,255)
```
#522dff
```
#522dff rgb(82,45,255)
```

Similar Colors

Text with hexadecimal color #2d3dff

This text has a font color of #2d3dff.

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

#2d3dff background color

This paragraph has a background color of #2d3dff.

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

#2d3dff border color

This element has a border color of #2d3dff.

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

CSS codes

.text {color:#2d3dff;}

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

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

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

#000006
```
#000006 rgb(0,0,6)
```
#000219
```
#000219 rgb(0,2,25)
```
#00032d
```
#00032d rgb(0,3,45)
```
#000541
```
#000541 rgb(0,5,65)
```
#000654
```
#000654 rgb(0,6,84)
```
#000868
```
#000868 rgb(0,8,104)
```
#00097b
```
#00097b rgb(0,9,123)
```
#000b8f
```
#000b8f rgb(0,11,143)
```
#000ca3
```
#000ca3 rgb(0,12,163)
```
#000eb6
```
#000eb6 rgb(0,14,182)
```
#000fca
```
#000fca rgb(0,15,202)
```
#0011de
```
#0011de rgb(0,17,222)
```
#0012f1
```
#0012f1 rgb(0,18,241)
```

Shade Color Variation

#0619ff
```
#0619ff rgb(6,25,255)
```
#192bff
```
#192bff rgb(25,43,255)
```
#2d3dff
```
#2d3dff rgb(45,61,255)
```
#414fff
```
#414fff rgb(65,79,255)
```
#5461ff
```
#5461ff rgb(84,97,255)
```
#6873ff
```
#6873ff rgb(104,115,255)
```
#7b85ff
```
#7b85ff rgb(123,133,255)
```
#8f98ff
```
#8f98ff rgb(143,152,255)
```
#a3aaff
```
#a3aaff rgb(163,170,255)
```
#b6bcff
```
#b6bcff rgb(182,188,255)
```
#caceff
```
#caceff rgb(202,206,255)
```
#dee0ff
```
#dee0ff rgb(222,224,255)
```
#f1f2ff
```
#f1f2ff rgb(241,242,255)
```

Tint Color Variation

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

#8e8f9e
```
#8e8f9e rgb(142,143,158)
```
#8688a6
```
#8688a6 rgb(134,136,166)
```
#7e81ae
```
#7e81ae rgb(126,129,174)
```
#767bb6
```
#767bb6 rgb(118,123,182)
```
#6e74be
```
#6e74be rgb(110,116,190)
```
#666dc6
```
#666dc6 rgb(102,109,198)
```
#5d66cf
```
#5d66cf rgb(93,102,207)
```
#555fd7
```
#555fd7 rgb(85,95,215)
```
#4d58df
```
#4d58df rgb(77,88,223)
```
#4552e7
```
#4552e7 rgb(69,82,231)
```
#3d4bef
```
#3d4bef rgb(61,75,239)
```
#3544f7
```
#3544f7 rgb(53,68,247)
```
#2d3dff
```
#2d3dff rgb(45,61,255)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#474b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0069a6 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#1055d7 Protanomaly 1% of men, 0.01% of women
#1059c6 Deuteranomaly 6% of men, 0.4% of women
#105da7 Tritanomaly 0.01% of the population

#2d3dff hex color

#2d3dff Color Information

#2d3dff Color Conversion

Color Schemes with #2d3dff

Alternatives to #2d3dff

#2d3dff Preview

Shades and Tints of #2d3dff

Tones of #2d3dff

Color Blindness Simulator