#2f73ff hex color

In a RGB color space, hex #2f73ff is composed of 18.4% red, 45.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 54.9% magenta, 0% yellow and 0% black. It has a hue angle of 220.4 degrees, a saturation of 100% and a lightness of 59.2%. #2f73ff color hex could be obtained by blending #5ee6ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 45
- B 100
RGB color chart
- C 82
- M 55
- Y 0
- K 0
CMYK color chart

● #2f73ff color description : Vivid blue.

The hexadecimal color #2f73ff has RGB values of R:47, G:115, B:255 and CMYK values of C:0.82, M:0.55, Y:0, K:0. Its decimal value is 3109887.

Hex triplet	2f73ff	`#2f73ff`
RGB Decimal	47, 115, 255	`rgb(47,115,255)`
RGB Percent	18.4, 45.1, 100	`rgb(18.4%,45.1%,100%)`
CMYK	82, 55, 0, 0
HSL	220.4°, 100, 59.2	`hsl(220.4,100%,59.2%)`
HSV (or HSB)	220.4°, 81.6, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.932, 29.034, -75.413
XYZ	25.349, 20.084, 97.143
xyY	0.178, 0.141, 20.084
CIE-LCH	51.932, 80.809, 291.057
CIE-LUV	51.932, -22.803, -118.732
Hunter-Lab	44.815, 22.541, -97.149
Binary	00101111, 01110011, 11111111

#2f73ff
```
#2f73ff rgb(47,115,255)
```
#ffbb2f
```
#ffbb2f rgb(255,187,47)
```

Complementary Color

#2fdbff
```
#2fdbff rgb(47,219,255)
```
#2f73ff
```
#2f73ff rgb(47,115,255)
```
#532fff
```
#532fff rgb(83,47,255)
```

Analogous Color

#dbff2f
```
#dbff2f rgb(219,255,47)
```
#2f73ff
```
#2f73ff rgb(47,115,255)
```
#ff532f
```
#ff532f rgb(255,83,47)
```

Split Complementary Color

#73ff2f
```
#73ff2f rgb(115,255,47)
```
#2f73ff
```
#2f73ff rgb(47,115,255)
```
#ff2f73
```
#ff2f73 rgb(255,47,115)
```

Triadic Color

#2fffbb
```
#2fffbb rgb(47,255,187)
```
#2f73ff
```
#2f73ff rgb(47,115,255)
```
#ff2f73
```
#ff2f73 rgb(255,47,115)
```
#ffbb2f
```
#ffbb2f rgb(255,187,47)
```

Tetradic Color

#004ae2
```
#004ae2 rgb(0,74,226)
```
#0052fb
```
#0052fb rgb(0,82,251)
```
#1662ff
```
#1662ff rgb(22,98,255)
```
#2f73ff
```
#2f73ff rgb(47,115,255)
```
#4984ff
```
#4984ff rgb(73,132,255)
```
#6295ff
```
#6295ff rgb(98,149,255)
```
#7ca6ff
```
#7ca6ff rgb(124,166,255)
```

Monochromatic Color

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

#2fa7ff
```
#2fa7ff rgb(47,167,255)
```
#2f96ff
```
#2f96ff rgb(47,150,255)
```
#2f84ff
```
#2f84ff rgb(47,132,255)
```
#2f73ff
```
#2f73ff rgb(47,115,255)
```
#2f62ff
```
#2f62ff rgb(47,98,255)
```
#2f50ff
```
#2f50ff rgb(47,80,255)
```
#2f3fff
```
#2f3fff rgb(47,63,255)
```

Similar Colors

Text with hexadecimal color #2f73ff

This text has a font color of #2f73ff.

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

#2f73ff background color

This paragraph has a background color of #2f73ff.

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

#2f73ff border color

This element has a border color of #2f73ff.

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

CSS codes

.text {color:#2f73ff;}

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

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

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

#000308
```
#000308 rgb(0,3,8)
```
#00091b
```
#00091b rgb(0,9,27)
```
#000f2f
```
#000f2f rgb(0,15,47)
```
#001643
```
#001643 rgb(0,22,67)
```
#001c56
```
#001c56 rgb(0,28,86)
```
#00236a
```
#00236a rgb(0,35,106)
```
#00297d
```
#00297d rgb(0,41,125)
```
#002f91
```
#002f91 rgb(0,47,145)
```
#0036a5
```
#0036a5 rgb(0,54,165)
```
#003cb8
```
#003cb8 rgb(0,60,184)
```
#0043cc
```
#0043cc rgb(0,67,204)
```
#0049e0
```
#0049e0 rgb(0,73,224)
```
#004ff3
```
#004ff3 rgb(0,79,243)
```

Shade Color Variation

#0859ff
```
#0859ff rgb(8,89,255)
```
#1b66ff
```
#1b66ff rgb(27,102,255)
```
#2f73ff
```
#2f73ff rgb(47,115,255)
```
#4380ff
```
#4380ff rgb(67,128,255)
```
#568dff
```
#568dff rgb(86,141,255)
```
#6a9bff
```
#6a9bff rgb(106,155,255)
```
#7da8ff
```
#7da8ff rgb(125,168,255)
```
#91b5ff
```
#91b5ff rgb(145,181,255)
```
#a5c2ff
```
#a5c2ff rgb(165,194,255)
```
#b8cfff
```
#b8cfff rgb(184,207,255)
```
#ccddff
```
#ccddff rgb(204,221,255)
```
#e0eaff
```
#e0eaff rgb(224,234,255)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f949f is the less saturated color, while #2f73ff is the most saturated one.

#8f949f
```
#8f949f rgb(143,148,159)
```
#8791a7
```
#8791a7 rgb(135,145,167)
```
#7f8faf
```
#7f8faf rgb(127,143,175)
```
#778cb7
```
#778cb7 rgb(119,140,183)
```
#6f89bf
```
#6f89bf rgb(111,137,191)
```
#6786c7
```
#6786c7 rgb(103,134,199)
```
#5f84cf
```
#5f84cf rgb(95,132,207)
```
#5781d7
```
#5781d7 rgb(87,129,215)
```
#4f7edf
```
#4f7edf rgb(79,126,223)
```
#477be7
```
#477be7 rgb(71,123,231)
```
#3f79ef
```
#3f79ef rgb(63,121,239)
```
#3776f7
```
#3776f7 rgb(55,118,247)
```
#2f73ff
```
#2f73ff rgb(47,115,255)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#62708c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085d9 Deuteranopia 1% of men
#008f97 Tritanopia 0.001% of the population

Trichromacy

#117afa Protanomaly 1% of men, 0.01% of women
#117ee6 Deuteranomaly 6% of men, 0.4% of women
#1185bd Tritanomaly 0.01% of the population

#2f73ff hex color

#2f73ff Color Information

#2f73ff Color Conversion

Color Schemes with #2f73ff

Alternatives to #2f73ff

#2f73ff Preview

Shades and Tints of #2f73ff

Tones of #2f73ff

Color Blindness Simulator