#2d3bff hex color

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

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

● #2d3bff color description : Vivid blue.

The hexadecimal color #2d3bff has RGB values of R:45, G:59, B:255 and CMYK values of C:0.82, M:0.77, Y:0, K:0. Its decimal value is 2964479.

Hex triplet	2d3bff	`#2d3bff`
RGB Decimal	45, 59, 255	`rgb(45,59,255)`
RGB Percent	17.6, 23.1, 100	`rgb(17.6%,23.1%,100%)`
CMYK	82, 77, 0, 0
HSL	236°, 100, 58.8	`hsl(236,100%,58.8%)`
HSV (or HSB)	236°, 82.4, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.419, 61.914, -95.973
XYZ	20.693, 10.904, 95.616
xyY	0.163, 0.086, 10.904
CIE-LCH	39.419, 114.211, 302.827
CIE-LUV	39.419, -11.349, -133.246
Hunter-Lab	33.022, 54.066, -148.563
Binary	00101101, 00111011, 11111111

#2d3bff
```
#2d3bff rgb(45,59,255)
```
#fff12d
```
#fff12d rgb(255,241,45)
```

Complementary Color

#2da4ff
```
#2da4ff rgb(45,164,255)
```
#2d3bff
```
#2d3bff rgb(45,59,255)
```
#882dff
```
#882dff rgb(136,45,255)
```

Analogous Color

#a4ff2d
```
#a4ff2d rgb(164,255,45)
```
#2d3bff
```
#2d3bff rgb(45,59,255)
```
#ff882d
```
#ff882d rgb(255,136,45)
```

Split Complementary Color

#3bff2d
```
#3bff2d rgb(59,255,45)
```
#2d3bff
```
#2d3bff rgb(45,59,255)
```
#ff2d3b
```
#ff2d3b rgb(255,45,59)
```

Triadic Color

#2dfff1
```
#2dfff1 rgb(45,255,241)
```
#2d3bff
```
#2d3bff rgb(45,59,255)
```
#ff2d3b
```
#ff2d3b rgb(255,45,59)
```
#fff12d
```
#fff12d rgb(255,241,45)
```

Tetradic Color

#000fe0
```
#000fe0 rgb(0,15,224)
```
#0011f9
```
#0011f9 rgb(0,17,249)
```
#1423ff
```
#1423ff rgb(20,35,255)
```
#2d3bff
```
#2d3bff rgb(45,59,255)
```
#4753ff
```
#4753ff rgb(71,83,255)
```
#606bff
```
#606bff rgb(96,107,255)
```
#7a82ff
```
#7a82ff rgb(122,130,255)
```

Monochromatic Color

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

#2d70ff
```
#2d70ff rgb(45,112,255)
```
#2d5eff
```
#2d5eff rgb(45,94,255)
```
#2d4cff
```
#2d4cff rgb(45,76,255)
```
#2d3bff
```
#2d3bff rgb(45,59,255)
```
#312dff
```
#312dff rgb(49,45,255)
```
#422dff
```
#422dff rgb(66,45,255)
```
#542dff
```
#542dff rgb(84,45,255)
```

Similar Colors

Text with hexadecimal color #2d3bff

This text has a font color of #2d3bff.

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

#2d3bff background color

This paragraph has a background color of #2d3bff.

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

#2d3bff border color

This element has a border color of #2d3bff.

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

CSS codes

.text {color:#2d3bff;}

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

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

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)
```
#000441
```
#000441 rgb(0,4,65)
```
#000654
```
#000654 rgb(0,6,84)
```
#000768
```
#000768 rgb(0,7,104)
```
#00087b
```
#00087b rgb(0,8,123)
```
#000a8f
```
#000a8f rgb(0,10,143)
```
#000ba3
```
#000ba3 rgb(0,11,163)
```
#000cb6
```
#000cb6 rgb(0,12,182)
```
#000dca
```
#000dca rgb(0,13,202)
```
#000fde
```
#000fde rgb(0,15,222)
```
#0010f1
```
#0010f1 rgb(0,16,241)
```

Shade Color Variation

#0616ff
```
#0616ff rgb(6,22,255)
```
#1929ff
```
#1929ff rgb(25,41,255)
```
#2d3bff
```
#2d3bff rgb(45,59,255)
```
#414dff
```
#414dff rgb(65,77,255)
```
#5460ff
```
#5460ff rgb(84,96,255)
```
#6872ff
```
#6872ff rgb(104,114,255)
```
#7b84ff
```
#7b84ff rgb(123,132,255)
```
#8f97ff
```
#8f97ff rgb(143,151,255)
```
#a3a9ff
```
#a3a9ff rgb(163,169,255)
```
#b6bbff
```
#b6bbff rgb(182,187,255)
```
#cacdff
```
#cacdff rgb(202,205,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 #2d3bff is the most saturated one.

#8e8f9e
```
#8e8f9e rgb(142,143,158)
```
#8688a6
```
#8688a6 rgb(134,136,166)
```
#7e81ae
```
#7e81ae rgb(126,129,174)
```
#767ab6
```
#767ab6 rgb(118,122,182)
```
#6e73be
```
#6e73be rgb(110,115,190)
```
#666cc6
```
#666cc6 rgb(102,108,198)
```
#5d65cf
```
#5d65cf rgb(93,101,207)
```
#555ed7
```
#555ed7 rgb(85,94,215)
```
#4d57df
```
#4d57df rgb(77,87,223)
```
#4550e7
```
#4550e7 rgb(69,80,231)
```
#3d49ef
```
#3d49ef rgb(61,73,239)
```
#3542f7
```
#3542f7 rgb(53,66,247)
```
#2d3bff
```
#2d3bff rgb(45,59,255)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#1054d6 Protanomaly 1% of men, 0.01% of women
#1057c5 Deuteranomaly 6% of men, 0.4% of women
#105ca6 Tritanomaly 0.01% of the population

#2d3bff hex color

#2d3bff Color Information

#2d3bff Color Conversion

Color Schemes with #2d3bff

Alternatives to #2d3bff

#2d3bff Preview

Shades and Tints of #2d3bff

Tones of #2d3bff

Color Blindness Simulator