#2f80d5 hex color

In a RGB color space, hex #2f80d5 is composed of 18.4% red, 50.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 39.9% magenta, 0% yellow and 16.5% black. It has a hue angle of 210.7 degrees, a saturation of 66.4% and a lightness of 51%. #2f80d5 color hex could be obtained by blending #5effff with #0001ab. Closest websafe color is: #3399cc.

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

● #2f80d5 color description : Strong blue.

The hexadecimal color #2f80d5 has RGB values of R:47, G:128, B:213 and CMYK values of C:0.78, M:0.4, Y:0, K:0.16. Its decimal value is 3113173.

Hex triplet	2f80d5	`#2f80d5`
RGB Decimal	47, 128, 213	`rgb(47,128,213)`
RGB Percent	18.4, 50.2, 83.5	`rgb(18.4%,50.2%,83.5%)`
CMYK	78, 40, 0, 16
HSL	210.7°, 66.4, 51	`hsl(210.7,66.4%,51%)`
HSV (or HSB)	210.7°, 77.9, 83.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.78, 5.322, -50.564
XYZ	20.899, 20.845, 65.869
xyY	0.194, 0.194, 20.845
CIE-LCH	52.78, 50.843, 276.009
CIE-LUV	52.78, -27.763, -79.009
Hunter-Lab	45.656, 1.809, -53.579
Binary	00101111, 10000000, 11010101

#2f80d5
```
#2f80d5 rgb(47,128,213)
```
#d5842f
```
#d5842f rgb(213,132,47)
```

Complementary Color

#2fd3d5
```
#2fd3d5 rgb(47,211,213)
```
#2f80d5
```
#2f80d5 rgb(47,128,213)
```
#312fd5
```
#312fd5 rgb(49,47,213)
```

Analogous Color

#d3d52f
```
#d3d52f rgb(211,213,47)
```
#2f80d5
```
#2f80d5 rgb(47,128,213)
```
#d5312f
```
#d5312f rgb(213,49,47)
```

Split Complementary Color

#80d52f
```
#80d52f rgb(128,213,47)
```
#2f80d5
```
#2f80d5 rgb(47,128,213)
```
#d52f80
```
#d52f80 rgb(213,47,128)
```

Triadic Color

#2fd584
```
#2fd584 rgb(47,213,132)
```
#2f80d5
```
#2f80d5 rgb(47,128,213)
```
#d52f80
```
#d52f80 rgb(213,47,128)
```
#d5842f
```
#d5842f rgb(213,132,47)
```

Tetradic Color

#1f5a99
```
#1f5a99 rgb(31,90,153)
```
#2367ae
```
#2367ae rgb(35,103,174)
```
#2773c3
```
#2773c3 rgb(39,115,195)
```
#2f80d5
```
#2f80d5 rgb(47,128,213)
```
#448dd9
```
#448dd9 rgb(68,141,217)
```
#599ade
```
#599ade rgb(89,154,222)
```
#6fa7e2
```
#6fa7e2 rgb(111,167,226)
```

Monochromatic Color

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

#2faad5
```
#2faad5 rgb(47,170,213)
```
#2f9cd5
```
#2f9cd5 rgb(47,156,213)
```
#2f8ed5
```
#2f8ed5 rgb(47,142,213)
```
#2f80d5
```
#2f80d5 rgb(47,128,213)
```
#2f72d5
```
#2f72d5 rgb(47,114,213)
```
#2f64d5
```
#2f64d5 rgb(47,100,213)
```
#2f56d5
```
#2f56d5 rgb(47,86,213)
```

Similar Colors

Text with hexadecimal color #2f80d5

This text has a font color of #2f80d5.

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

#2f80d5 background color

This paragraph has a background color of #2f80d5.

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

#2f80d5 border color

This element has a border color of #2f80d5.

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

CSS codes

.text {color:#2f80d5;}

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

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

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)
```
#040c14
```
#040c14 rgb(4,12,20)
```
#071625
```
#071625 rgb(7,22,37)
```
#0b1f35
```
#0b1f35 rgb(11,31,53)
```
#0e2945
```
#0e2945 rgb(14,41,69)
```
#113356
```
#113356 rgb(17,51,86)
```
#153c66
```
#153c66 rgb(21,60,102)
```
#184676
```
#184676 rgb(24,70,118)
```
#1b5087
```
#1b5087 rgb(27,80,135)
```
#1e5997
```
#1e5997 rgb(30,89,151)
```
#2263a7
```
#2263a7 rgb(34,99,167)
```
#256db8
```
#256db8 rgb(37,109,184)
```
#2876c8
```
#2876c8 rgb(40,118,200)
```

Shade Color Variation

#2f80d5
```
#2f80d5 rgb(47,128,213)
```
#3f8ad8
```
#3f8ad8 rgb(63,138,216)
```
#5094dc
```
#5094dc rgb(80,148,220)
```
#609edf
```
#609edf rgb(96,158,223)
```
#70a8e2
```
#70a8e2 rgb(112,168,226)
```
#81b2e5
```
#81b2e5 rgb(129,178,229)
```
#91bce9
```
#91bce9 rgb(145,188,233)
```
#a1c6ec
```
#a1c6ec rgb(161,198,236)
```
#b2d0ef
```
#b2d0ef rgb(178,208,239)
```
#c2daf3
```
#c2daf3 rgb(194,218,243)
```
#d2e4f6
```
#d2e4f6 rgb(210,228,246)
```
#e3eef9
```
#e3eef9 rgb(227,238,249)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#7c8288
```
#7c8288 rgb(124,130,136)
```
#728292
```
#728292 rgb(114,130,146)
```
#69819b
```
#69819b rgb(105,129,155)
```
#5f81a5
```
#5f81a5 rgb(95,129,165)
```
#5581af
```
#5581af rgb(85,129,175)
```
#4c81b8
```
#4c81b8 rgb(76,129,184)
```
#4280c2
```
#4280c2 rgb(66,128,194)
```
#3980cb
```
#3980cb rgb(57,128,203)
```
#2f80d5
```
#2f80d5 rgb(47,128,213)
```
#2580df
```
#2580df rgb(37,128,223)
```
#1c80e8
```
#1c80e8 rgb(28,128,232)
```
#127ff2
```
#127ff2 rgb(18,127,242)
```
#097ffb
```
#097ffb rgb(9,127,251)
```

Tone Color Variation

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

Dichromacy

#5f82d3 Protanopia 1% of men
#3f85d7 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#4e81d4 Protanomaly 1% of men, 0.01% of women
#3983d6 Deuteranomaly 6% of men, 0.4% of women
#118bb0 Tritanomaly 0.01% of the population

#2f80d5 hex color

#2f80d5 Color Information

#2f80d5 Color Conversion

Color Schemes with #2f80d5

Alternatives to #2f80d5

#2f80d5 Preview

Shades and Tints of #2f80d5

Tones of #2f80d5

Color Blindness Simulator