#2d83dd hex color

In a RGB color space, hex #2d83dd is composed of 17.6% red, 51.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 40.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 210.7 degrees, a saturation of 72.1% and a lightness of 52.2%. #2d83dd color hex could be obtained by blending #5affff with #0007bb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 51
- B 87
RGB color chart
- C 80
- M 41
- Y 0
- K 13
CMYK color chart

● #2d83dd color description : Bright blue.

The hexadecimal color #2d83dd has RGB values of R:45, G:131, B:221 and CMYK values of C:0.8, M:0.41, Y:0, K:0.13. Its decimal value is 2982877.

Hex triplet	2d83dd	`#2d83dd`
RGB Decimal	45, 131, 221	`rgb(45,131,221)`
RGB Percent	17.6, 51.4, 86.7	`rgb(17.6%,51.4%,86.7%)`
CMYK	80, 41, 0, 13
HSL	210.7°, 72.1, 52.2	`hsl(210.7,72.1%,52.2%)`
HSV (or HSB)	210.7°, 79.6, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.037, 6.256, -53.068
XYZ	22.247, 22.009, 71.478
xyY	0.192, 0.19, 22.009
CIE-LCH	54.037, 53.435, 276.723
CIE-LUV	54.037, -28.694, -83.506
Hunter-Lab	46.914, 2.546, -57.495
Binary	00101101, 10000011, 11011101

#2d83dd
```
#2d83dd rgb(45,131,221)
```
#dd872d
```
#dd872d rgb(221,135,45)
```

Complementary Color

#2ddbdd
```
#2ddbdd rgb(45,219,221)
```
#2d83dd
```
#2d83dd rgb(45,131,221)
```
#2f2ddd
```
#2f2ddd rgb(47,45,221)
```

Analogous Color

#dbdd2d
```
#dbdd2d rgb(219,221,45)
```
#2d83dd
```
#2d83dd rgb(45,131,221)
```
#dd2f2d
```
#dd2f2d rgb(221,47,45)
```

Split Complementary Color

#83dd2d
```
#83dd2d rgb(131,221,45)
```
#2d83dd
```
#2d83dd rgb(45,131,221)
```
#dd2d83
```
#dd2d83 rgb(221,45,131)
```

Triadic Color

#2ddd87
```
#2ddd87 rgb(45,221,135)
```
#2d83dd
```
#2d83dd rgb(45,131,221)
```
#dd2d83
```
#dd2d83 rgb(221,45,131)
```
#dd872d
```
#dd872d rgb(221,135,45)
```

Tetradic Color

#1a5da3
```
#1a5da3 rgb(26,93,163)
```
#1e6ab9
```
#1e6ab9 rgb(30,106,185)
```
#2276cf
```
#2276cf rgb(34,118,207)
```
#2d83dd
```
#2d83dd rgb(45,131,221)
```
#4390e1
```
#4390e1 rgb(67,144,225)
```
#599de4
```
#599de4 rgb(89,157,228)
```
#6faae8
```
#6faae8 rgb(111,170,232)
```

Monochromatic Color

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

#2dafdd
```
#2dafdd rgb(45,175,221)
```
#2da0dd
```
#2da0dd rgb(45,160,221)
```
#2d92dd
```
#2d92dd rgb(45,146,221)
```
#2d83dd
```
#2d83dd rgb(45,131,221)
```
#2d74dd
```
#2d74dd rgb(45,116,221)
```
#2d66dd
```
#2d66dd rgb(45,102,221)
```
#2d57dd
```
#2d57dd rgb(45,87,221)
```

Similar Colors

Text with hexadecimal color #2d83dd

This text has a font color of #2d83dd.

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

#2d83dd background color

This paragraph has a background color of #2d83dd.

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

#2d83dd border color

This element has a border color of #2d83dd.

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

CSS codes

.text {color:#2d83dd;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#040f1a
```
#040f1a rgb(4,15,26)
```
#07192b
```
#07192b rgb(7,25,43)
```
#0a223c
```
#0a223c rgb(10,34,60)
```
#0c2c4d
```
#0c2c4d rgb(12,44,77)
```
#0f365e
```
#0f365e rgb(15,54,94)
```
#123f6f
```
#123f6f rgb(18,63,111)
```
#154980
```
#154980 rgb(21,73,128)
```
#175391
```
#175391 rgb(23,83,145)
```
#1a5ca1
```
#1a5ca1 rgb(26,92,161)
```
#1d66b2
```
#1d66b2 rgb(29,102,178)
```
#2070c3
```
#2070c3 rgb(32,112,195)
```
#2279d4
```
#2279d4 rgb(34,121,212)
```

Shade Color Variation

#2d83dd
```
#2d83dd rgb(45,131,221)
```
#3e8de0
```
#3e8de0 rgb(62,141,224)
```
#4f97e2
```
#4f97e2 rgb(79,151,226)
```
#60a1e5
```
#60a1e5 rgb(96,161,229)
```
#71abe8
```
#71abe8 rgb(113,171,232)
```
#81b5eb
```
#81b5eb rgb(129,181,235)
```
#92bfed
```
#92bfed rgb(146,191,237)
```
#a3c9f0
```
#a3c9f0 rgb(163,201,240)
```
#b4d3f3
```
#b4d3f3 rgb(180,211,243)
```
#c5ddf6
```
#c5ddf6 rgb(197,221,246)
```
#d6e7f8
```
#d6e7f8 rgb(214,231,248)
```
#e7f1fb
```
#e7f1fb rgb(231,241,251)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818589 is the less saturated color, while #1182f9 is the most saturated one.

#818589
```
#818589 rgb(129,133,137)
```
#788592
```
#788592 rgb(120,133,146)
```
#6f849b
```
#6f849b rgb(111,132,155)
```
#6584a5
```
#6584a5 rgb(101,132,165)
```
#5c84ae
```
#5c84ae rgb(92,132,174)
```
#5384b7
```
#5384b7 rgb(83,132,183)
```
#4984c1
```
#4984c1 rgb(73,132,193)
```
#4083ca
```
#4083ca rgb(64,131,202)
```
#3683d4
```
#3683d4 rgb(54,131,212)
```
#2d83dd
```
#2d83dd rgb(45,131,221)
```
#2483e6
```
#2483e6 rgb(36,131,230)
```
#1a83f0
```
#1a83f0 rgb(26,131,240)
```
#1182f9
```
#1182f9 rgb(17,130,249)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#667789 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f84db Protanopia 1% of men
#3989de Deuteranopia 1% of men
#00959e Tritanopia 0.001% of the population

Trichromacy

#4d84db Protanomaly 1% of men, 0.01% of women
#3586de Deuteranomaly 6% of men, 0.4% of women
#108eb5 Tritanomaly 0.01% of the population

#2d83dd hex color

#2d83dd Color Information

#2d83dd Color Conversion

Color Schemes with #2d83dd

Alternatives to #2d83dd

#2d83dd Preview

Shades and Tints of #2d83dd

Tones of #2d83dd

Color Blindness Simulator