#2f61ff hex color

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

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

● #2f61ff color description : Vivid blue.

The hexadecimal color #2f61ff has RGB values of R:47, G:97, B:255 and CMYK values of C:0.82, M:0.62, Y:0, K:0. Its decimal value is 3105279.

Hex triplet	2f61ff	`#2f61ff`
RGB Decimal	47, 97, 255	`rgb(47,97,255)`
RGB Percent	18.4, 38, 100	`rgb(18.4%,38%,100%)`
CMYK	82, 62, 0, 0
HSL	225.6°, 100, 59.2	`hsl(225.6,100%,59.2%)`
HSV (or HSB)	225.6°, 81.6, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.459, 40.26, -82.716
XYZ	23.493, 16.372, 96.524
xyY	0.172, 0.12, 16.372
CIE-LCH	47.459, 91.993, 295.954
CIE-LUV	47.459, -18.277, -126.217
Hunter-Lab	40.462, 32.832, -113.115
Binary	00101111, 01100001, 11111111

#2f61ff
```
#2f61ff rgb(47,97,255)
```
#ffcd2f
```
#ffcd2f rgb(255,205,47)
```

Complementary Color

#2fc9ff
```
#2fc9ff rgb(47,201,255)
```
#2f61ff
```
#2f61ff rgb(47,97,255)
```
#652fff
```
#652fff rgb(101,47,255)
```

Analogous Color

#c9ff2f
```
#c9ff2f rgb(201,255,47)
```
#2f61ff
```
#2f61ff rgb(47,97,255)
```
#ff652f
```
#ff652f rgb(255,101,47)
```

Split Complementary Color

#61ff2f
```
#61ff2f rgb(97,255,47)
```
#2f61ff
```
#2f61ff rgb(47,97,255)
```
#ff2f61
```
#ff2f61 rgb(255,47,97)
```

Triadic Color

#2fffcd
```
#2fffcd rgb(47,255,205)
```
#2f61ff
```
#2f61ff rgb(47,97,255)
```
#ff2f61
```
#ff2f61 rgb(255,47,97)
```
#ffcd2f
```
#ffcd2f rgb(255,205,47)
```

Tetradic Color

#0036e2
```
#0036e2 rgb(0,54,226)
```
#003cfb
```
#003cfb rgb(0,60,251)
```
#164eff
```
#164eff rgb(22,78,255)
```
#2f61ff
```
#2f61ff rgb(47,97,255)
```
#4974ff
```
#4974ff rgb(73,116,255)
```
#6288ff
```
#6288ff rgb(98,136,255)
```
#7c9bff
```
#7c9bff rgb(124,155,255)
```

Monochromatic Color

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

#2f95ff
```
#2f95ff rgb(47,149,255)
```
#2f84ff
```
#2f84ff rgb(47,132,255)
```
#2f72ff
```
#2f72ff rgb(47,114,255)
```
#2f61ff
```
#2f61ff rgb(47,97,255)
```
#2f50ff
```
#2f50ff rgb(47,80,255)
```
#2f3eff
```
#2f3eff rgb(47,62,255)
```
#312fff
```
#312fff rgb(49,47,255)
```

Similar Colors

Text with hexadecimal color #2f61ff

This text has a font color of #2f61ff.

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

#2f61ff background color

This paragraph has a background color of #2f61ff.

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

#2f61ff border color

This element has a border color of #2f61ff.

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

CSS codes

.text {color:#2f61ff;}

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

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

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

#000208
```
#000208 rgb(0,2,8)
```
#00071b
```
#00071b rgb(0,7,27)
```
#000b2f
```
#000b2f rgb(0,11,47)
```
#001043
```
#001043 rgb(0,16,67)
```
#001556
```
#001556 rgb(0,21,86)
```
#00196a
```
#00196a rgb(0,25,106)
```
#001e7d
```
#001e7d rgb(0,30,125)
```
#002391
```
#002391 rgb(0,35,145)
```
#0028a5
```
#0028a5 rgb(0,40,165)
```
#002cb8
```
#002cb8 rgb(0,44,184)
```
#0031cc
```
#0031cc rgb(0,49,204)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```
#003af3
```
#003af3 rgb(0,58,243)
```

Shade Color Variation

#0843ff
```
#0843ff rgb(8,67,255)
```
#1b52ff
```
#1b52ff rgb(27,82,255)
```
#2f61ff
```
#2f61ff rgb(47,97,255)
```
#4370ff
```
#4370ff rgb(67,112,255)
```
#567fff
```
#567fff rgb(86,127,255)
```
#6a8eff
```
#6a8eff rgb(106,142,255)
```
#7d9dff
```
#7d9dff rgb(125,157,255)
```
#91acff
```
#91acff rgb(145,172,255)
```
#a5baff
```
#a5baff rgb(165,186,255)
```
#b8c9ff
```
#b8c9ff rgb(184,201,255)
```
#ccd8ff
```
#ccd8ff rgb(204,216,255)
```
#e0e7ff
```
#e0e7ff rgb(224,231,255)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#8f939f
```
#8f939f rgb(143,147,159)
```
#878fa7
```
#878fa7 rgb(135,143,167)
```
#7f8baf
```
#7f8baf rgb(127,139,175)
```
#7786b7
```
#7786b7 rgb(119,134,183)
```
#6f82bf
```
#6f82bf rgb(111,130,191)
```
#677ec7
```
#677ec7 rgb(103,126,199)
```
#5f7acf
```
#5f7acf rgb(95,122,207)
```
#5776d7
```
#5776d7 rgb(87,118,215)
```
#4f72df
```
#4f72df rgb(79,114,223)
```
#476de7
```
#476de7 rgb(71,109,231)
```
#3f69ef
```
#3f69ef rgb(63,105,239)
```
#3765f7
```
#3765f7 rgb(55,101,247)
```
#2f61ff
```
#2f61ff rgb(47,97,255)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#596383 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007bc5 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#116ded Protanomaly 1% of men, 0.01% of women
#1171da Deuteranomaly 6% of men, 0.4% of women
#1177b5 Tritanomaly 0.01% of the population

#2f61ff hex color

#2f61ff Color Information

#2f61ff Color Conversion

Color Schemes with #2f61ff

Alternatives to #2f61ff

#2f61ff Preview

Shades and Tints of #2f61ff

Tones of #2f61ff

Color Blindness Simulator