colorhexa.com

#2d84d4 hex color

In a RGB color space, hex #2d84d4 is composed of 17.6% red, 51.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 37.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 208.7 degrees, a saturation of 66% and a lightness of 50.4%. #2d84d4 color hex could be obtained by blending #5affff with #0009a9. Closest websafe color is: #3399cc.

- R 18
- G 52
- B 83
RGB color chart
- C 79
- M 38
- Y 0
- K 17
CMYK color chart

● #2d84d4 color description : Strong blue.

The hexadecimal color #2d84d4 has RGB values of R:45, G:132, B:212 and CMYK values of C:0.79, M:0.38, Y:0, K:0.17. Its decimal value is 2983124.

Hex triplet	2d84d4	`#2d84d4`
RGB Decimal	45, 132, 212	`rgb(45,132,212)`
RGB Percent	17.6, 51.8, 83.1	`rgb(17.6%,51.8%,83.1%)`
CMYK	79, 38, 0, 17
HSL	208.7°, 66, 50.4	`hsl(208.7,66%,50.4%)`
HSV (or HSB)	208.7°, 78.8, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.827, 2.317, -48.335
XYZ	21.214, 21.812, 65.376
xyY	0.196, 0.201, 21.812
CIE-LCH	53.827, 48.39, 272.745
CIE-LUV	53.827, -29.391, -75.448
Hunter-Lab	46.703, -0.65, -50.302
Binary	00101101, 10000100, 11010100

#2d84d4
```
#2d84d4 rgb(45,132,212)
```
#d47d2d
```
#d47d2d rgb(212,125,45)
```

Complementary Color

#2dd4d1
```
#2dd4d1 rgb(45,212,209)
```
#2d84d4
```
#2d84d4 rgb(45,132,212)
```
#2d30d4
```
#2d30d4 rgb(45,48,212)
```

Analogous Color

#d4d12d
```
#d4d12d rgb(212,209,45)
```
#2d84d4
```
#2d84d4 rgb(45,132,212)
```
#d42d30
```
#d42d30 rgb(212,45,48)
```

Split Complementary Color

#84d42d
```
#84d42d rgb(132,212,45)
```
#2d84d4
```
#2d84d4 rgb(45,132,212)
```
#d42d84
```
#d42d84 rgb(212,45,132)
```

Triadic Color

#2dd47d
```
#2dd47d rgb(45,212,125)
```
#2d84d4
```
#2d84d4 rgb(45,132,212)
```
#d42d84
```
#d42d84 rgb(212,45,132)
```
#d47d2d
```
#d47d2d rgb(212,125,45)
```

Tetradic Color

#1f5d96
```
#1f5d96 rgb(31,93,150)
```
#236aab
```
#236aab rgb(35,106,171)
```
#2777c0
```
#2777c0 rgb(39,119,192)
```
#2d84d4
```
#2d84d4 rgb(45,132,212)
```
#4290d8
```
#4290d8 rgb(66,144,216)
```
#579ddd
```
#579ddd rgb(87,157,221)
```
#6ca9e1
```
#6ca9e1 rgb(108,169,225)
```

Monochromatic Color

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

#2daed4
```
#2daed4 rgb(45,174,212)
```
#2da0d4
```
#2da0d4 rgb(45,160,212)
```
#2d92d4
```
#2d92d4 rgb(45,146,212)
```
#2d84d4
```
#2d84d4 rgb(45,132,212)
```
#2d76d4
```
#2d76d4 rgb(45,118,212)
```
#2d68d4
```
#2d68d4 rgb(45,104,212)
```
#2d5ad4
```
#2d5ad4 rgb(45,90,212)
```

Similar Colors

Text with hexadecimal color #2d84d4

This text has a font color of #2d84d4.

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

#2d84d4 background color

This paragraph has a background color of #2d84d4.

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

#2d84d4 border color

This element has a border color of #2d84d4.

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

CSS codes

.text {color:#2d84d4;}

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

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

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 #f0f6fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#040b12
```
#040b12 rgb(4,11,18)
```
#071522
```
#071522 rgb(7,21,34)
```
#0a1f33
```
#0a1f33 rgb(10,31,51)
```
#0e2943
```
#0e2943 rgb(14,41,67)
```
#113353
```
#113353 rgb(17,51,83)
```
#143e63
```
#143e63 rgb(20,62,99)
```
#184874
```
#184874 rgb(24,72,116)
```
#1b5284
```
#1b5284 rgb(27,82,132)
```
#1e5c94
```
#1e5c94 rgb(30,92,148)
```
#2266a4
```
#2266a4 rgb(34,102,164)
```
#2570b5
```
#2570b5 rgb(37,112,181)
```
#287ac5
```
#287ac5 rgb(40,122,197)
```

Shade Color Variation

#2d84d4
```
#2d84d4 rgb(45,132,212)
```
#3d8ed7
```
#3d8ed7 rgb(61,142,215)
```
#4e97db
```
#4e97db rgb(78,151,219)
```
#5ea1de
```
#5ea1de rgb(94,161,222)
```
#6eaae1
```
#6eaae1 rgb(110,170,225)
```
#7eb4e5
```
#7eb4e5 rgb(126,180,229)
```
#8fbde8
```
#8fbde8 rgb(143,189,232)
```
#9fc7eb
```
#9fc7eb rgb(159,199,235)
```
#afd0ef
```
#afd0ef rgb(175,208,239)
```
#c0daf2
```
#c0daf2 rgb(192,218,242)
```
#d0e3f5
```
#d0e3f5 rgb(208,227,245)
```
#e0edf9
```
#e0edf9 rgb(224,237,249)
```
#f0f6fc
```
#f0f6fc rgb(240,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8186 is the less saturated color, while #0686fb is the most saturated one.

#7b8186
```
#7b8186 rgb(123,129,134)
```
#718190
```
#718190 rgb(113,129,144)
```
#67829a
```
#67829a rgb(103,130,154)
```
#5e82a3
```
#5e82a3 rgb(94,130,163)
```
#5482ad
```
#5482ad rgb(84,130,173)
```
#4a83b7
```
#4a83b7 rgb(74,131,183)
```
#4083c1
```
#4083c1 rgb(64,131,193)
```
#3784ca
```
#3784ca rgb(55,132,202)
```
#2d84d4
```
#2d84d4 rgb(45,132,212)
```
#2384de
```
#2384de rgb(35,132,222)
```
#1a85e7
```
#1a85e7 rgb(26,133,231)
```
#1085f1
```
#1085f1 rgb(16,133,241)
```
#0686fb
```
#0686fb rgb(6,134,251)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#657686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6684d1 Protanopia 1% of men
#4b88d7 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#5184d2 Protanomaly 1% of men, 0.01% of women
#4086d6 Deuteranomaly 6% of men, 0.4% of women
#108eb1 Tritanomaly 0.01% of the population