#2d83ad hex color

In a RGB color space, hex #2d83ad is composed of 17.6% red, 51.4% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 24.3% magenta, 0% yellow and 32.2% black. It has a hue angle of 199.7 degrees, a saturation of 58.7% and a lightness of 42.7%. #2d83ad color hex could be obtained by blending #5affff with #00075b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 51
- B 68
RGB color chart
- C 74
- M 24
- Y 0
- K 32
CMYK color chart

● #2d83ad color description : Dark blue.

The hexadecimal color #2d83ad has RGB values of R:45, G:131, B:173 and CMYK values of C:0.74, M:0.24, Y:0, K:0.32. Its decimal value is 2982829.

Hex triplet	2d83ad	`#2d83ad`
RGB Decimal	45, 131, 173	`rgb(45,131,173)`
RGB Percent	17.6, 51.4, 67.8	`rgb(17.6%,51.4%,67.8%)`
CMYK	74, 24, 0, 32
HSL	199.7°, 58.7, 42.7	`hsl(199.7,58.7%,42.7%)`
HSV (or HSB)	199.7°, 74, 67.8
Web Safe	339999	`#339999`

CIE-LAB	51.617, -11.188, -29.552
XYZ	16.739, 19.806, 42.474
xyY	0.212, 0.251, 19.806
CIE-LCH	51.617, 31.599, 249.263
CIE-LUV	51.617, -30.931, -43.187
Hunter-Lab	44.504, -10.743, -25.432
Binary	00101101, 10000011, 10101101

#2d83ad
```
#2d83ad rgb(45,131,173)
```
#ad572d
```
#ad572d rgb(173,87,45)
```

Complementary Color

#2dad97
```
#2dad97 rgb(45,173,151)
```
#2d83ad
```
#2d83ad rgb(45,131,173)
```
#2d43ad
```
#2d43ad rgb(45,67,173)
```

Analogous Color

#ad972d
```
#ad972d rgb(173,151,45)
```
#2d83ad
```
#2d83ad rgb(45,131,173)
```
#ad2d43
```
#ad2d43 rgb(173,45,67)
```

Split Complementary Color

#83ad2d
```
#83ad2d rgb(131,173,45)
```
#2d83ad
```
#2d83ad rgb(45,131,173)
```
#ad2d83
```
#ad2d83 rgb(173,45,131)
```

Triadic Color

#2dad57
```
#2dad57 rgb(45,173,87)
```
#2d83ad
```
#2d83ad rgb(45,131,173)
```
#ad2d83
```
#ad2d83 rgb(173,45,131)
```
#ad572d
```
#ad572d rgb(173,87,45)
```

Tetradic Color

#1d5570
```
#1d5570 rgb(29,85,112)
```
#226485
```
#226485 rgb(34,100,133)
```
#287499
```
#287499 rgb(40,116,153)
```
#2d83ad
```
#2d83ad rgb(45,131,173)
```
#3292c1
```
#3292c1 rgb(50,146,193)
```
#409fcd
```
#409fcd rgb(64,159,205)
```
#54a9d3
```
#54a9d3 rgb(84,169,211)
```

Monochromatic Color

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

#2da3ad
```
#2da3ad rgb(45,163,173)
```
#2d98ad
```
#2d98ad rgb(45,152,173)
```
#2d8ead
```
#2d8ead rgb(45,142,173)
```
#2d83ad
```
#2d83ad rgb(45,131,173)
```
#2d78ad
```
#2d78ad rgb(45,120,173)
```
#2d6ead
```
#2d6ead rgb(45,110,173)
```
#2d63ad
```
#2d63ad rgb(45,99,173)
```

Similar Colors

Text with hexadecimal color #2d83ad

This text has a font color of #2d83ad.

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

#2d83ad background color

This paragraph has a background color of #2d83ad.

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

#2d83ad border color

This element has a border color of #2d83ad.

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

CSS codes

.text {color:#2d83ad;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#050d11
```
#050d11 rgb(5,13,17)
```
#091921
```
#091921 rgb(9,25,33)
```
#0d2530
```
#0d2530 rgb(13,37,48)
```
#113040
```
#113040 rgb(17,48,64)
```
#153c50
```
#153c50 rgb(21,60,80)
```
#19485f
```
#19485f rgb(25,72,95)
```
#1d546f
```
#1d546f rgb(29,84,111)
```
#21607e
```
#21607e rgb(33,96,126)
```
#256b8e
```
#256b8e rgb(37,107,142)
```
#29779d
```
#29779d rgb(41,119,157)
```
#2d83ad
```
#2d83ad rgb(45,131,173)
```
#318fbd
```
#318fbd rgb(49,143,189)
```

Shade Color Variation

#369acb
```
#369acb rgb(54,154,203)
```
#46a2cf
```
#46a2cf rgb(70,162,207)
```
#56aad3
```
#56aad3 rgb(86,170,211)
```
#65b2d7
```
#65b2d7 rgb(101,178,215)
```
#75b9db
```
#75b9db rgb(117,185,219)
```
#84c1df
```
#84c1df rgb(132,193,223)
```
#94c9e3
```
#94c9e3 rgb(148,201,227)
```
#a3d1e7
```
#a3d1e7 rgb(163,209,231)
```
#b3d9eb
```
#b3d9eb rgb(179,217,235)
```
#c3e1ef
```
#c3e1ef rgb(195,225,239)
```
#d2e8f3
```
#d2e8f3 rgb(210,232,243)
```
#e2f0f7
```
#e2f0f7 rgb(226,240,247)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686f72 is the less saturated color, while #0391d7 is the most saturated one.

#686f72
```
#686f72 rgb(104,111,114)
```
#5f727b
```
#5f727b rgb(95,114,123)
```
#577583
```
#577583 rgb(87,117,131)
```
#4f778b
```
#4f778b rgb(79,119,139)
```
#467a94
```
#467a94 rgb(70,122,148)
```
#3e7d9c
```
#3e7d9c rgb(62,125,156)
```
#3580a5
```
#3580a5 rgb(53,128,165)
```
#2d83ad
```
#2d83ad rgb(45,131,173)
```
#2586b5
```
#2586b5 rgb(37,134,181)
```
#1c89be
```
#1c89be rgb(28,137,190)
```
#148cc6
```
#148cc6 rgb(20,140,198)
```
#0b8fcf
```
#0b8fcf rgb(11,143,207)
```
#0391d7
```
#0391d7 rgb(3,145,215)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#61727b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7480aa Protanopia 1% of men
#6c80b4 Deuteranopia 1% of men
#198e98 Tritanopia 0.001% of the population

Trichromacy

#5a81ab Protanomaly 1% of men, 0.01% of women
#5581b1 Deuteranomaly 6% of men, 0.4% of women
#208aa0 Tritanomaly 0.01% of the population

#2d83ad hex color

#2d83ad Color Information

#2d83ad Color Conversion

Color Schemes with #2d83ad

Alternatives to #2d83ad

#2d83ad Preview

Shades and Tints of #2d83ad

Tones of #2d83ad

Color Blindness Simulator