#ff61ff hex color

In a RGB color space, hex #ff61ff is composed of 100% red, 38% green and 100% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62% magenta, 0% yellow and 0% black. It has a hue angle of 300 degrees, a saturation of 100% and a lightness of 69%. #ff61ff color hex could be obtained by blending #ffc2ff with #ff00ff. Closest websafe color is: #ff66ff.

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

● #ff61ff color description : Light magenta.

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

Hex triplet	ff61ff	`#ff61ff`
RGB Decimal	255, 97, 255	`rgb(255,97,255)`
RGB Percent	100, 38, 100	`rgb(100%,38%,100%)`
CMYK	0, 62, 0, 0
HSL	300°, 100, 69	`hsl(300,100%,69%)`
HSV (or HSB)	300°, 62, 100
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	67.302, 78.186, -49.742
XYZ	63.563, 37.033, 98.402
xyY	0.319, 0.186, 37.033
CIE-LCH	67.302, 92.668, 327.536
CIE-LUV	67.302, 70.217, -90.804
Hunter-Lab	60.855, 79.949, -53.274
Binary	11111111, 01100001, 11111111

#ff61ff
```
#ff61ff rgb(255,97,255)
```
#61ff61
```
#61ff61 rgb(97,255,97)
```

Complementary Color

#b061ff
```
#b061ff rgb(176,97,255)
```
#ff61ff
```
#ff61ff rgb(255,97,255)
```
#ff61b0
```
#ff61b0 rgb(255,97,176)
```

Analogous Color

#61ffb0
```
#61ffb0 rgb(97,255,176)
```
#ff61ff
```
#ff61ff rgb(255,97,255)
```
#b0ff61
```
#b0ff61 rgb(176,255,97)
```

Split Complementary Color

#61ffff
```
#61ffff rgb(97,255,255)
```
#ff61ff
```
#ff61ff rgb(255,97,255)
```
#ffff61
```
#ffff61 rgb(255,255,97)
```

Triadic Color

#6161ff
```
#6161ff rgb(97,97,255)
```
#ff61ff
```
#ff61ff rgb(255,97,255)
```
#ffff61
```
#ffff61 rgb(255,255,97)
```
#61ff61
```
#61ff61 rgb(97,255,97)
```

Tetradic Color

#ff15ff
```
#ff15ff rgb(255,21,255)
```
#ff2eff
```
#ff2eff rgb(255,46,255)
```
#ff48ff
```
#ff48ff rgb(255,72,255)
```
#ff61ff
```
#ff61ff rgb(255,97,255)
```
#ff7bff
```
#ff7bff rgb(255,123,255)
```
#ff94ff
```
#ff94ff rgb(255,148,255)
```
#ffaeff
```
#ffaeff rgb(255,174,255)
```

Monochromatic Color

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

#d861ff
```
#d861ff rgb(216,97,255)
```
#e561ff
```
#e561ff rgb(229,97,255)
```
#f261ff
```
#f261ff rgb(242,97,255)
```
#ff61ff
```
#ff61ff rgb(255,97,255)
```
#ff61f2
```
#ff61f2 rgb(255,97,242)
```
#ff61e5
```
#ff61e5 rgb(255,97,229)
```
#ff61d8
```
#ff61d8 rgb(255,97,216)
```

Similar Colors

Text with hexadecimal color #ff61ff

This text has a font color of #ff61ff.

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

#ff61ff background color

This paragraph has a background color of #ff61ff.

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

#ff61ff border color

This element has a border color of #ff61ff.

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

CSS codes

.text {color:#ff61ff;}

.background {background-color:#ff61ff;}

.border {border:1px solid #ff61ff;}

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

#130013
```
#130013 rgb(19,0,19)
```
#260026
```
#260026 rgb(38,0,38)
```
#3a003a
```
#3a003a rgb(58,0,58)
```
#4d004d
```
#4d004d rgb(77,0,77)
```
#610061
```
#610061 rgb(97,0,97)
```
#750075
```
#750075 rgb(117,0,117)
```
#880088
```
#880088 rgb(136,0,136)
```
#9c009c
```
#9c009c rgb(156,0,156)
```
#af00af
```
#af00af rgb(175,0,175)
```
#c300c3
```
#c300c3 rgb(195,0,195)
```
#d700d7
```
#d700d7 rgb(215,0,215)
```
#ea00ea
```
#ea00ea rgb(234,0,234)
```
#fe00fe
```
#fe00fe rgb(254,0,254)
```

Shade Color Variation

#ff13ff
```
#ff13ff rgb(255,19,255)
```
#ff26ff
```
#ff26ff rgb(255,38,255)
```
#ff3aff
```
#ff3aff rgb(255,58,255)
```
#ff4dff
```
#ff4dff rgb(255,77,255)
```
#ff61ff
```
#ff61ff rgb(255,97,255)
```
#ff75ff
```
#ff75ff rgb(255,117,255)
```
#ff88ff
```
#ff88ff rgb(255,136,255)
```
#ff9cff
```
#ff9cff rgb(255,156,255)
```
#ffafff
```
#ffafff rgb(255,175,255)
```
#ffc3ff
```
#ffc3ff rgb(255,195,255)
```
#ffd7ff
```
#ffd7ff rgb(255,215,255)
```
#ffeaff
```
#ffeaff rgb(255,234,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#b6aab6
```
#b6aab6 rgb(182,170,182)
```
#bca4bc
```
#bca4bc rgb(188,164,188)
```
#c29ec2
```
#c29ec2 rgb(194,158,194)
```
#c898c8
```
#c898c8 rgb(200,152,200)
```
#ce92ce
```
#ce92ce rgb(206,146,206)
```
#d48cd4
```
#d48cd4 rgb(212,140,212)
```
#db85db
```
#db85db rgb(219,133,219)
```
#e17fe1
```
#e17fe1 rgb(225,127,225)
```
#e779e7
```
#e779e7 rgb(231,121,231)
```
#ed73ed
```
#ed73ed rgb(237,115,237)
```
#f36df3
```
#f36df3 rgb(243,109,243)
```
#f967f9
```
#f967f9 rgb(249,103,249)
```
#ff61ff
```
#ff61ff rgb(255,97,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b595b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a6ff Protanopia 1% of men
#89a7ed Deuteranopia 1% of men
#f08a93 Tritanopia 0.001% of the population

Trichromacy

#af8cff Protanomaly 1% of men, 0.01% of women
#b48df4 Deuteranomaly 6% of men, 0.4% of women
#f57bba Tritanomaly 0.01% of the population

#ff61ff hex color

#ff61ff Color Information

#ff61ff Color Conversion

Color Schemes with #ff61ff

Alternatives to #ff61ff

#ff61ff Preview

Shades and Tints of #ff61ff

Tones of #ff61ff

Color Blindness Simulator