#2f71dd hex color

In a RGB color space, hex #2f71dd is composed of 18.4% red, 44.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 48.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 217.2 degrees, a saturation of 71.9% and a lightness of 52.5%. #2f71dd color hex could be obtained by blending #5ee2ff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 44
- B 87
RGB color chart
- C 79
- M 49
- Y 0
- K 13
CMYK color chart

● #2f71dd color description : Bright blue.

The hexadecimal color #2f71dd has RGB values of R:47, G:113, B:221 and CMYK values of C:0.79, M:0.49, Y:0, K:0.13. Its decimal value is 3109341.

Hex triplet	2f71dd	`#2f71dd`
RGB Decimal	47, 113, 221	`rgb(47,113,221)`
RGB Percent	18.4, 44.3, 86.7	`rgb(18.4%,44.3%,86.7%)`
CMYK	79, 49, 0, 13
HSL	217.2°, 71.9, 52.5	`hsl(217.2,71.9%,52.5%)`
HSV (or HSB)	217.2°, 78.7, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.049, 17.635, -61.072
XYZ	20.126, 17.633, 70.746
xyY	0.185, 0.163, 17.633
CIE-LCH	49.049, 63.567, 286.107
CIE-LUV	49.049, -22.839, -94.963
Hunter-Lab	41.992, 12.064, -70.493
Binary	00101111, 01110001, 11011101

#2f71dd
```
#2f71dd rgb(47,113,221)
```
#dd9b2f
```
#dd9b2f rgb(221,155,47)
```

Complementary Color

#2fc8dd
```
#2fc8dd rgb(47,200,221)
```
#2f71dd
```
#2f71dd rgb(47,113,221)
```
#442fdd
```
#442fdd rgb(68,47,221)
```

Analogous Color

#c8dd2f
```
#c8dd2f rgb(200,221,47)
```
#2f71dd
```
#2f71dd rgb(47,113,221)
```
#dd442f
```
#dd442f rgb(221,68,47)
```

Split Complementary Color

#71dd2f
```
#71dd2f rgb(113,221,47)
```
#2f71dd
```
#2f71dd rgb(47,113,221)
```
#dd2f71
```
#dd2f71 rgb(221,47,113)
```

Triadic Color

#2fdd9b
```
#2fdd9b rgb(47,221,155)
```
#2f71dd
```
#2f71dd rgb(47,113,221)
```
#dd2f71
```
#dd2f71 rgb(221,47,113)
```
#dd9b2f
```
#dd9b2f rgb(221,155,47)
```

Tetradic Color

#1b4fa5
```
#1b4fa5 rgb(27,79,165)
```
#1e5abb
```
#1e5abb rgb(30,90,187)
```
#2264d0
```
#2264d0 rgb(34,100,208)
```
#2f71dd
```
#2f71dd rgb(47,113,221)
```
#4580e1
```
#4580e1 rgb(69,128,225)
```
#5b8fe4
```
#5b8fe4 rgb(91,143,228)
```
#719ee8
```
#719ee8 rgb(113,158,232)
```

Monochromatic Color

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

#2f9ddd
```
#2f9ddd rgb(47,157,221)
```
#2f8edd
```
#2f8edd rgb(47,142,221)
```
#2f80dd
```
#2f80dd rgb(47,128,221)
```
#2f71dd
```
#2f71dd rgb(47,113,221)
```
#2f62dd
```
#2f62dd rgb(47,98,221)
```
#2f54dd
```
#2f54dd rgb(47,84,221)
```
#2f46dd
```
#2f46dd rgb(47,70,221)
```

Similar Colors

Text with hexadecimal color #2f71dd

This text has a font color of #2f71dd.

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

#2f71dd background color

This paragraph has a background color of #2f71dd.

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

#2f71dd border color

This element has a border color of #2f71dd.

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

CSS codes

.text {color:#2f71dd;}

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

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

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, #02050b is the darkest color, while #f9fbfe is the lightest one.

#02050b
```
#02050b rgb(2,5,11)
```
#050d1c
```
#050d1c rgb(5,13,28)
```
#07162d
```
#07162d rgb(7,22,45)
```
#0a1e3e
```
#0a1e3e rgb(10,30,62)
```
#0d264f
```
#0d264f rgb(13,38,79)
```
#102e5f
```
#102e5f rgb(16,46,95)
```
#123670
```
#123670 rgb(18,54,112)
```
#153e81
```
#153e81 rgb(21,62,129)
```
#184692
```
#184692 rgb(24,70,146)
```
#1b4ea3
```
#1b4ea3 rgb(27,78,163)
```
#1d56b4
```
#1d56b4 rgb(29,86,180)
```
#205fc5
```
#205fc5 rgb(32,95,197)
```
#2367d5
```
#2367d5 rgb(35,103,213)
```

Shade Color Variation

#2f71dd
```
#2f71dd rgb(47,113,221)
```
#407de0
```
#407de0 rgb(64,125,224)
```
#5188e3
```
#5188e3 rgb(81,136,227)
```
#6294e5
```
#6294e5 rgb(98,148,229)
```
#729fe8
```
#729fe8 rgb(114,159,232)
```
#83abeb
```
#83abeb rgb(131,171,235)
```
#94b6ee
```
#94b6ee rgb(148,182,238)
```
#a5c2f0
```
#a5c2f0 rgb(165,194,240)
```
#b6cdf3
```
#b6cdf3 rgb(182,205,243)
```
#c7d9f6
```
#c7d9f6 rgb(199,217,246)
```
#d8e4f9
```
#d8e4f9 rgb(216,228,249)
```
#e8f0fb
```
#e8f0fb rgb(232,240,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#838589
```
#838589 rgb(131,133,137)
```
#798393
```
#798393 rgb(121,131,147)
```
#70819c
```
#70819c rgb(112,129,156)
```
#677ea5
```
#677ea5 rgb(103,126,165)
```
#5e7cae
```
#5e7cae rgb(94,124,174)
```
#547ab8
```
#547ab8 rgb(84,122,184)
```
#4b78c1
```
#4b78c1 rgb(75,120,193)
```
#4275ca
```
#4275ca rgb(66,117,202)
```
#3873d4
```
#3873d4 rgb(56,115,212)
```
#2f71dd
```
#2f71dd rgb(47,113,221)
```
#266fe6
```
#266fe6 rgb(38,111,230)
```
#1c6df0
```
#1c6df0 rgb(28,109,240)
```
#136af9
```
#136af9 rgb(19,106,249)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5e6b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a78de Protanopia 1% of men
#007ecf Deuteranopia 1% of men
#008790 Tritanopia 0.001% of the population

Trichromacy

#3675de Protanomaly 1% of men, 0.01% of women
#1179d4 Deuteranomaly 6% of men, 0.4% of women
#117fac Tritanomaly 0.01% of the population

#2f71dd hex color

#2f71dd Color Information

#2f71dd Color Conversion

Color Schemes with #2f71dd

Alternatives to #2f71dd

#2f71dd Preview

Shades and Tints of #2f71dd

Tones of #2f71dd

Color Blindness Simulator