#2a80dc hex color

In a RGB color space, hex #2a80dc is composed of 16.5% red, 50.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 41.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 211 degrees, a saturation of 71.8% and a lightness of 51.4%. #2a80dc color hex could be obtained by blending #54ffff with #0001b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 50
- B 86
RGB color chart
- C 81
- M 42
- Y 0
- K 14
CMYK color chart

● #2a80dc color description : Bright blue.

The hexadecimal color #2a80dc has RGB values of R:42, G:128, B:220 and CMYK values of C:0.81, M:0.42, Y:0, K:0.14. Its decimal value is 2785500.

Hex triplet	2a80dc	`#2a80dc`
RGB Decimal	42, 128, 220	`rgb(42,128,220)`
RGB Percent	16.5, 50.2, 86.3	`rgb(16.5%,50.2%,86.3%)`
CMYK	81, 42, 0, 14
HSL	211°, 71.8, 51.4	`hsl(211,71.8%,51.4%)`
HSV (or HSB)	211°, 80.9, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.054, 7.424, -54.079
XYZ	21.589, 21.096, 70.64
xyY	0.191, 0.186, 21.096
CIE-LCH	53.054, 54.586, 277.817
CIE-LUV	53.054, -28.149, -84.901
Hunter-Lab	45.93, 3.524, -59.036
Binary	00101010, 10000000, 11011100

#2a80dc
```
#2a80dc rgb(42,128,220)
```
#dc862a
```
#dc862a rgb(220,134,42)
```

Complementary Color

#2ad9dc
```
#2ad9dc rgb(42,217,220)
```
#2a80dc
```
#2a80dc rgb(42,128,220)
```
#2d2adc
```
#2d2adc rgb(45,42,220)
```

Analogous Color

#d9dc2a
```
#d9dc2a rgb(217,220,42)
```
#2a80dc
```
#2a80dc rgb(42,128,220)
```
#dc2d2a
```
#dc2d2a rgb(220,45,42)
```

Split Complementary Color

#80dc2a
```
#80dc2a rgb(128,220,42)
```
#2a80dc
```
#2a80dc rgb(42,128,220)
```
#dc2a80
```
#dc2a80 rgb(220,42,128)
```

Triadic Color

#2adc86
```
#2adc86 rgb(42,220,134)
```
#2a80dc
```
#2a80dc rgb(42,128,220)
```
#dc2a80
```
#dc2a80 rgb(220,42,128)
```
#dc862a
```
#dc862a rgb(220,134,42)
```

Tetradic Color

#1a5b9f
```
#1a5b9f rgb(26,91,159)
```
#1e67b5
```
#1e67b5 rgb(30,103,181)
```
#2173cb
```
#2173cb rgb(33,115,203)
```
#2a80dc
```
#2a80dc rgb(42,128,220)
```
#408de0
```
#408de0 rgb(64,141,224)
```
#569ae3
```
#569ae3 rgb(86,154,227)
```
#6ca7e7
```
#6ca7e7 rgb(108,167,231)
```

Monochromatic Color

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

#2aaddc
```
#2aaddc rgb(42,173,220)
```
#2a9edc
```
#2a9edc rgb(42,158,220)
```
#2a8fdc
```
#2a8fdc rgb(42,143,220)
```
#2a80dc
```
#2a80dc rgb(42,128,220)
```
#2a71dc
```
#2a71dc rgb(42,113,220)
```
#2a62dc
```
#2a62dc rgb(42,98,220)
```
#2a54dc
```
#2a54dc rgb(42,84,220)
```

Similar Colors

Text with hexadecimal color #2a80dc

This text has a font color of #2a80dc.

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

#2a80dc background color

This paragraph has a background color of #2a80dc.

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

#2a80dc border color

This element has a border color of #2a80dc.

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

CSS codes

.text {color:#2a80dc;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040d17
```
#040d17 rgb(4,13,23)
```
#071728
```
#071728 rgb(7,23,40)
```
#092039
```
#092039 rgb(9,32,57)
```
#0c2a49
```
#0c2a49 rgb(12,42,73)
```
#0f335a
```
#0f335a rgb(15,51,90)
```
#123d6b
```
#123d6b rgb(18,61,107)
```
#14467c
```
#14467c rgb(20,70,124)
```
#17508d
```
#17508d rgb(23,80,141)
```
#1a5a9e
```
#1a5a9e rgb(26,90,158)
```
#1d63ae
```
#1d63ae rgb(29,99,174)
```
#1f6dbf
```
#1f6dbf rgb(31,109,191)
```
#2276d0
```
#2276d0 rgb(34,118,208)
```

Shade Color Variation

#2a80dc
```
#2a80dc rgb(42,128,220)
```
#3b8adf
```
#3b8adf rgb(59,138,223)
```
#4c94e2
```
#4c94e2 rgb(76,148,226)
```
#5d9ee4
```
#5d9ee4 rgb(93,158,228)
```
#6da8e7
```
#6da8e7 rgb(109,168,231)
```
#7eb2ea
```
#7eb2ea rgb(126,178,234)
```
#8fbced
```
#8fbced rgb(143,188,237)
```
#a0c6ef
```
#a0c6ef rgb(160,198,239)
```
#b1d0f2
```
#b1d0f2 rgb(177,208,242)
```
#c2daf5
```
#c2daf5 rgb(194,218,245)
```
#d2e4f8
```
#d2e4f8 rgb(210,228,248)
```
#e3eefa
```
#e3eefa rgb(227,238,250)
```
#f4f9fd
```
#f4f9fd rgb(244,249,253)
```

Tint Color Variation

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

#808386
```
#808386 rgb(128,131,134)
```
#768390
```
#768390 rgb(118,131,144)
```
#6d8299
```
#6d8299 rgb(109,130,153)
```
#6382a3
```
#6382a3 rgb(99,130,163)
```
#5a82ac
```
#5a82ac rgb(90,130,172)
```
#5081b6
```
#5081b6 rgb(80,129,182)
```
#4781bf
```
#4781bf rgb(71,129,191)
```
#3d81c9
```
#3d81c9 rgb(61,129,201)
```
#3480d2
```
#3480d2 rgb(52,128,210)
```
#2a80dc
```
#2a80dc rgb(42,128,220)
```
#2080e6
```
#2080e6 rgb(32,128,230)
```
#177fef
```
#177fef rgb(23,127,239)
```
#0d7ff9
```
#0d7ff9 rgb(13,127,249)
```

Tone Color Variation

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

Dichromacy

#5a82da Protanopia 1% of men
#2f87dd Deuteranopia 1% of men
#00929b Tritanopia 0.001% of the population

Trichromacy

#4981da Protanomaly 1% of men, 0.01% of women
#2d84dd Deuteranomaly 6% of men, 0.4% of women
#0f8bb3 Tritanomaly 0.01% of the population

#2a80dc hex color

#2a80dc Color Information

#2a80dc Color Conversion

Color Schemes with #2a80dc

Alternatives to #2a80dc

#2a80dc Preview

Shades and Tints of #2a80dc

Tones of #2a80dc

Color Blindness Simulator