#2d80d7 hex color

In a RGB color space, hex #2d80d7 is composed of 17.6% red, 50.2% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 40.5% magenta, 0% yellow and 15.7% black. It has a hue angle of 210.7 degrees, a saturation of 68% and a lightness of 51%. #2d80d7 color hex could be obtained by blending #5affff with #0001af. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 50
- B 84
RGB color chart
- C 79
- M 40
- Y 0
- K 16
CMYK color chart

● #2d80d7 color description : Strong blue.

The hexadecimal color #2d80d7 has RGB values of R:45, G:128, B:215 and CMYK values of C:0.79, M:0.4, Y:0, K:0.16. Its decimal value is 2982103.

Hex triplet	2d80d7	`#2d80d7`
RGB Decimal	45, 128, 215	`rgb(45,128,215)`
RGB Percent	17.6, 50.2, 84.3	`rgb(17.6%,50.2%,84.3%)`
CMYK	79, 40, 0, 16
HSL	210.7°, 68, 51	`hsl(210.7,68%,51%)`
HSV (or HSB)	210.7°, 79.1, 84.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.841, 5.852, -51.599
XYZ	21.064, 20.901, 67.21
xyY	0.193, 0.191, 20.901
CIE-LCH	52.841, 51.93, 276.47
CIE-LUV	52.841, -27.961, -80.732
Hunter-Lab	45.717, 2.238, -55.162
Binary	00101101, 10000000, 11010111

#2d80d7
```
#2d80d7 rgb(45,128,215)
```
#d7842d
```
#d7842d rgb(215,132,45)
```

Complementary Color

#2dd5d7
```
#2dd5d7 rgb(45,213,215)
```
#2d80d7
```
#2d80d7 rgb(45,128,215)
```
#2f2dd7
```
#2f2dd7 rgb(47,45,215)
```

Analogous Color

#d5d72d
```
#d5d72d rgb(213,215,45)
```
#2d80d7
```
#2d80d7 rgb(45,128,215)
```
#d72f2d
```
#d72f2d rgb(215,47,45)
```

Split Complementary Color

#80d72d
```
#80d72d rgb(128,215,45)
```
#2d80d7
```
#2d80d7 rgb(45,128,215)
```
#d72d80
```
#d72d80 rgb(215,45,128)
```

Triadic Color

#2dd784
```
#2dd784 rgb(45,215,132)
```
#2d80d7
```
#2d80d7 rgb(45,128,215)
```
#d72d80
```
#d72d80 rgb(215,45,128)
```
#d7842d
```
#d7842d rgb(215,132,45)
```

Tetradic Color

#1d5a9a
```
#1d5a9a rgb(29,90,154)
```
#2167b0
```
#2167b0 rgb(33,103,176)
```
#2673c5
```
#2673c5 rgb(38,115,197)
```
#2d80d7
```
#2d80d7 rgb(45,128,215)
```
#428ddb
```
#428ddb rgb(66,141,219)
```
#589adf
```
#589adf rgb(88,154,223)
```
#6da7e3
```
#6da7e3 rgb(109,167,227)
```

Monochromatic Color

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

#2dabd7
```
#2dabd7 rgb(45,171,215)
```
#2d9cd7
```
#2d9cd7 rgb(45,156,215)
```
#2d8ed7
```
#2d8ed7 rgb(45,142,215)
```
#2d80d7
```
#2d80d7 rgb(45,128,215)
```
#2d72d7
```
#2d72d7 rgb(45,114,215)
```
#2d64d7
```
#2d64d7 rgb(45,100,215)
```
#2d56d7
```
#2d56d7 rgb(45,86,215)
```

Similar Colors

Text with hexadecimal color #2d80d7

This text has a font color of #2d80d7.

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

#2d80d7 background color

This paragraph has a background color of #2d80d7.

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

#2d80d7 border color

This element has a border color of #2d80d7.

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

CSS codes

.text {color:#2d80d7;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040c15
```
#040c15 rgb(4,12,21)
```
#071625
```
#071625 rgb(7,22,37)
```
#0a1f36
```
#0a1f36 rgb(10,31,54)
```
#0d2946
```
#0d2946 rgb(13,41,70)
```
#103357
```
#103357 rgb(16,51,87)
```
#143c67
```
#143c67 rgb(20,60,103)
```
#174678
```
#174678 rgb(23,70,120)
```
#1a5088
```
#1a5088 rgb(26,80,136)
```
#1d5998
```
#1d5998 rgb(29,89,152)
```
#2063a9
```
#2063a9 rgb(32,99,169)
```
#236db9
```
#236db9 rgb(35,109,185)
```
#2676ca
```
#2676ca rgb(38,118,202)
```

Shade Color Variation

#2d80d7
```
#2d80d7 rgb(45,128,215)
```
#3d8ada
```
#3d8ada rgb(61,138,218)
```
#4e94dd
```
#4e94dd rgb(78,148,221)
```
#5e9ee0
```
#5e9ee0 rgb(94,158,224)
```
#6fa8e4
```
#6fa8e4 rgb(111,168,228)
```
#7fb2e7
```
#7fb2e7 rgb(127,178,231)
```
#90bcea
```
#90bcea rgb(144,188,234)
```
#a0c6ed
```
#a0c6ed rgb(160,198,237)
```
#b1d0f0
```
#b1d0f0 rgb(177,208,240)
```
#c1daf3
```
#c1daf3 rgb(193,218,243)
```
#d2e4f6
```
#d2e4f6 rgb(210,228,246)
```
#e2eefa
```
#e2eefa rgb(226,238,250)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#7a828a
```
#7a828a rgb(122,130,138)
```
#708294
```
#708294 rgb(112,130,148)
```
#67819d
```
#67819d rgb(103,129,157)
```
#5d81a7
```
#5d81a7 rgb(93,129,167)
```
#5381b1
```
#5381b1 rgb(83,129,177)
```
#4a81ba
```
#4a81ba rgb(74,129,186)
```
#4080c4
```
#4080c4 rgb(64,128,196)
```
#3780cd
```
#3780cd rgb(55,128,205)
```
#2d80d7
```
#2d80d7 rgb(45,128,215)
```
#2380e1
```
#2380e1 rgb(35,128,225)
```
#1a80ea
```
#1a80ea rgb(26,128,234)
```
#107ff4
```
#107ff4 rgb(16,127,244)
```
#077ffd
```
#077ffd rgb(7,127,253)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#637485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e82d5 Protanopia 1% of men
#3b86d9 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#4c81d5 Protanomaly 1% of men, 0.01% of women
#3683d8 Deuteranomaly 6% of men, 0.4% of women
#108bb1 Tritanomaly 0.01% of the population

#2d80d7 hex color

#2d80d7 Color Information

#2d80d7 Color Conversion

Color Schemes with #2d80d7

Alternatives to #2d80d7

#2d80d7 Preview

Shades and Tints of #2d80d7

Tones of #2d80d7

Color Blindness Simulator