#2d83ac hex color

In a RGB color space, hex #2d83ac is composed of 17.6% red, 51.4% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 23.8% magenta, 0% yellow and 32.5% black. It has a hue angle of 199.4 degrees, a saturation of 58.5% and a lightness of 42.5%. #2d83ac color hex could be obtained by blending #5affff with #000759. Closest websafe color is: #339999.

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

● #2d83ac color description : Dark blue.

The hexadecimal color #2d83ac has RGB values of R:45, G:131, B:172 and CMYK values of C:0.74, M:0.24, Y:0, K:0.33. Its decimal value is 2982828.

Hex triplet	2d83ac	`#2d83ac`
RGB Decimal	45, 131, 172	`rgb(45,131,172)`
RGB Percent	17.6, 51.4, 67.5	`rgb(17.6%,51.4%,67.5%)`
CMYK	74, 24, 0, 33
HSL	199.4°, 58.5, 42.5	`hsl(199.4,58.5%,42.5%)`
HSV (or HSB)	199.4°, 73.8, 67.5
Web Safe	339999	`#339999`

CIE-LAB	51.573, -11.538, -29.043
XYZ	16.643, 19.768, 41.966
xyY	0.212, 0.252, 19.768
CIE-LCH	51.573, 31.251, 248.333
CIE-LUV	51.573, -30.985, -42.325
Hunter-Lab	44.461, -10.989, -24.84
Binary	00101101, 10000011, 10101100

#2d83ac
```
#2d83ac rgb(45,131,172)
```
#ac562d
```
#ac562d rgb(172,86,45)
```

Complementary Color

#2dac96
```
#2dac96 rgb(45,172,150)
```
#2d83ac
```
#2d83ac rgb(45,131,172)
```
#2d44ac
```
#2d44ac rgb(45,68,172)
```

Analogous Color

#ac962d
```
#ac962d rgb(172,150,45)
```
#2d83ac
```
#2d83ac rgb(45,131,172)
```
#ac2d44
```
#ac2d44 rgb(172,45,68)
```

Split Complementary Color

#83ac2d
```
#83ac2d rgb(131,172,45)
```
#2d83ac
```
#2d83ac rgb(45,131,172)
```
#ac2d83
```
#ac2d83 rgb(172,45,131)
```

Triadic Color

#2dac56
```
#2dac56 rgb(45,172,86)
```
#2d83ac
```
#2d83ac rgb(45,131,172)
```
#ac2d83
```
#ac2d83 rgb(172,45,131)
```
#ac562d
```
#ac562d rgb(172,86,45)
```

Tetradic Color

#1d556f
```
#1d556f rgb(29,85,111)
```
#226484
```
#226484 rgb(34,100,132)
```
#287498
```
#287498 rgb(40,116,152)
```
#2d83ac
```
#2d83ac rgb(45,131,172)
```
#3292c0
```
#3292c0 rgb(50,146,192)
```
#3f9fcd
```
#3f9fcd rgb(63,159,205)
```
#53a9d2
```
#53a9d2 rgb(83,169,210)
```

Monochromatic Color

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

#2da3ac
```
#2da3ac rgb(45,163,172)
```
#2d98ac
```
#2d98ac rgb(45,152,172)
```
#2d8eac
```
#2d8eac rgb(45,142,172)
```
#2d83ac
```
#2d83ac rgb(45,131,172)
```
#2d78ac
```
#2d78ac rgb(45,120,172)
```
#2d6eac
```
#2d6eac rgb(45,110,172)
```
#2d63ac
```
#2d63ac rgb(45,99,172)
```

Similar Colors

Text with hexadecimal color #2d83ac

This text has a font color of #2d83ac.

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

#2d83ac background color

This paragraph has a background color of #2d83ac.

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

#2d83ac border color

This element has a border color of #2d83ac.

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

CSS codes

.text {color:#2d83ac;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040d11
```
#040d11 rgb(4,13,17)
```
#081820
```
#081820 rgb(8,24,32)
```
#0c2430
```
#0c2430 rgb(12,36,48)
```
#11303f
```
#11303f rgb(17,48,63)
```
#153c4f
```
#153c4f rgb(21,60,79)
```
#19485e
```
#19485e rgb(25,72,94)
```
#1d546e
```
#1d546e rgb(29,84,110)
```
#215f7d
```
#215f7d rgb(33,95,125)
```
#256b8d
```
#256b8d rgb(37,107,141)
```
#29779c
```
#29779c rgb(41,119,156)
```
#2d83ac
```
#2d83ac rgb(45,131,172)
```
#318fbc
```
#318fbc rgb(49,143,188)
```

Shade Color Variation

#369aca
```
#369aca rgb(54,154,202)
```
#45a2ce
```
#45a2ce rgb(69,162,206)
```
#55aad3
```
#55aad3 rgb(85,170,211)
```
#64b2d7
```
#64b2d7 rgb(100,178,215)
```
#74badb
```
#74badb rgb(116,186,219)
```
#84c1df
```
#84c1df rgb(132,193,223)
```
#93c9e3
```
#93c9e3 rgb(147,201,227)
```
#a3d1e7
```
#a3d1e7 rgb(163,209,231)
```
#b2d9eb
```
#b2d9eb rgb(178,217,235)
```
#c2e0ef
```
#c2e0ef rgb(194,224,239)
```
#d1e8f3
```
#d1e8f3 rgb(209,232,243)
```
#e1f0f7
```
#e1f0f7 rgb(225,240,247)
```
#f0f8fb
```
#f0f8fb rgb(240,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676e72 is the less saturated color, while #0392d6 is the most saturated one.

#676e72
```
#676e72 rgb(103,110,114)
```
#5f717a
```
#5f717a rgb(95,113,122)
```
#577482
```
#577482 rgb(87,116,130)
```
#4e778b
```
#4e778b rgb(78,119,139)
```
#467a93
```
#467a93 rgb(70,122,147)
```
#3e7d9b
```
#3e7d9b rgb(62,125,155)
```
#3580a4
```
#3580a4 rgb(53,128,164)
```
#2d83ac
```
#2d83ac rgb(45,131,172)
```
#2586b4
```
#2586b4 rgb(37,134,180)
```
#1c89bd
```
#1c89bd rgb(28,137,189)
```
#148cc5
```
#148cc5 rgb(20,140,197)
```
#0c8fcd
```
#0c8fcd rgb(12,143,205)
```
#0392d6
```
#0392d6 rgb(3,146,214)
```

Tone Color Variation

Below, you can see how #2d83ac 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
#61727a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7580a9 Protanopia 1% of men
#6d80b3 Deuteranopia 1% of men
#1b8e98 Tritanopia 0.001% of the population

Trichromacy

#5a81aa Protanomaly 1% of men, 0.01% of women
#5581b0 Deuteranomaly 6% of men, 0.4% of women
#228a9f Tritanomaly 0.01% of the population

#2d83ac hex color

#2d83ac Color Information

#2d83ac Color Conversion

Color Schemes with #2d83ac

Alternatives to #2d83ac

#2d83ac Preview

Shades and Tints of #2d83ac

Tones of #2d83ac

Color Blindness Simulator