#cf45f9 hex color

In a RGB color space, hex #cf45f9 is composed of 81.2% red, 27.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 72.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 286 degrees, a saturation of 93.8% and a lightness of 62.4%. #cf45f9 color hex could be obtained by blending #ff8aff with #9f00f3. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 81
- G 27
- B 98
RGB color chart
- C 17
- M 72
- Y 0
- K 2
CMYK color chart

● #cf45f9 color description : Bright magenta.

The hexadecimal color #cf45f9 has RGB values of R:207, G:69, B:249 and CMYK values of C:0.17, M:0.72, Y:0, K:0.02. Its decimal value is 13583865.

Hex triplet	cf45f9	`#cf45f9`
RGB Decimal	207, 69, 249	`rgb(207,69,249)`
RGB Percent	81.2, 27.1, 97.6	`rgb(81.2%,27.1%,97.6%)`
CMYK	17, 72, 0, 2
HSL	286°, 93.8, 62.4	`hsl(286,93.8%,62.4%)`
HSV (or HSB)	286°, 72.3, 97.6
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	56.449, 77.292, -64.131
XYZ	44.957, 24.363, 91.952
xyY	0.279, 0.151, 24.363
CIE-LCH	56.449, 100.433, 320.316
CIE-LUV	56.449, 47.114, -109.214
Hunter-Lab	49.359, 76.203, -75.901
Binary	11001111, 01000101, 11111001

#cf45f9
```
#cf45f9 rgb(207,69,249)
```
#6ff945
```
#6ff945 rgb(111,249,69)
```

Complementary Color

#7545f9
```
#7545f9 rgb(117,69,249)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```
#f945c9
```
#f945c9 rgb(249,69,201)
```

Analogous Color

#45f975
```
#45f975 rgb(69,249,117)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```
#c9f945
```
#c9f945 rgb(201,249,69)
```

Split Complementary Color

#45f9cf
```
#45f9cf rgb(69,249,207)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```
#f9cf45
```
#f9cf45 rgb(249,207,69)
```

Triadic Color

#456ff9
```
#456ff9 rgb(69,111,249)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```
#f9cf45
```
#f9cf45 rgb(249,207,69)
```
#6ff945
```
#6ff945 rgb(111,249,69)
```

Tetradic Color

#b508ea
```
#b508ea rgb(181,8,234)
```
#c214f7
```
#c214f7 rgb(194,20,247)
```
#c92cf8
```
#c92cf8 rgb(201,44,248)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```
#d55efa
```
#d55efa rgb(213,94,250)
```
#dc76fb
```
#dc76fb rgb(220,118,251)
```
#e28ffb
```
#e28ffb rgb(226,143,251)
```

Monochromatic Color

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

#a245f9
```
#a245f9 rgb(162,69,249)
```
#b145f9
```
#b145f9 rgb(177,69,249)
```
#c045f9
```
#c045f9 rgb(192,69,249)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```
#de45f9
```
#de45f9 rgb(222,69,249)
```
#ed45f9
```
#ed45f9 rgb(237,69,249)
```
#f945f6
```
#f945f6 rgb(249,69,246)
```

Similar Colors

Text with hexadecimal color #cf45f9

This text has a font color of #cf45f9.

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

#cf45f9 background color

This paragraph has a background color of #cf45f9.

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

#cf45f9 border color

This element has a border color of #cf45f9.

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

CSS codes

.text {color:#cf45f9;}

.background {background-color:#cf45f9;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#120117
```
#120117 rgb(18,1,23)
```
#21012a
```
#21012a rgb(33,1,42)
```
#2f023d
```
#2f023d rgb(47,2,61)
```
#3e0350
```
#3e0350 rgb(62,3,80)
```
#4d0363
```
#4d0363 rgb(77,3,99)
```
#5b0476
```
#5b0476 rgb(91,4,118)
```
#6a0489
```
#6a0489 rgb(106,4,137)
```
#79059c
```
#79059c rgb(121,5,156)
```
#8806af
```
#8806af rgb(136,6,175)
```
#9606c2
```
#9606c2 rgb(150,6,194)
```
#a507d5
```
#a507d5 rgb(165,7,213)
```
#b407e8
```
#b407e8 rgb(180,7,232)
```

Shade Color Variation

#c00cf7
```
#c00cf7 rgb(192,12,247)
```
#c51ff8
```
#c51ff8 rgb(197,31,248)
```
#ca32f8
```
#ca32f8 rgb(202,50,248)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```
#d458fa
```
#d458fa rgb(212,88,250)
```
#d96bfa
```
#d96bfa rgb(217,107,250)
```
#de7efb
```
#de7efb rgb(222,126,251)
```
#e391fb
```
#e391fb rgb(227,145,251)
```
#e8a4fc
```
#e8a4fc rgb(232,164,252)
```
#ecb7fd
```
#ecb7fd rgb(236,183,253)
```
#f1cafd
```
#f1cafd rgb(241,202,253)
```
#f6ddfe
```
#f6ddfe rgb(246,221,254)
```
#fbf0ff
```
#fbf0ff rgb(251,240,255)
```

Tint Color Variation

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

#a09ea0
```
#a09ea0 rgb(160,158,160)
```
#a496a8
```
#a496a8 rgb(164,150,168)
```
#a88faf
```
#a88faf rgb(168,143,175)
```
#ac87b7
```
#ac87b7 rgb(172,135,183)
```
#af80be
```
#af80be rgb(175,128,190)
```
#b379c5
```
#b379c5 rgb(179,121,197)
```
#b771cd
```
#b771cd rgb(183,113,205)
```
#bb6ad4
```
#bb6ad4 rgb(187,106,212)
```
#bf63db
```
#bf63db rgb(191,99,219)
```
#c35be3
```
#c35be3 rgb(195,91,227)
```
#c754ea
```
#c754ea rgb(199,84,234)
```
#cb4cf2
```
#cb4cf2 rgb(203,76,242)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#92779b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4089ff Protanopia 1% of men
#428fe6 Deuteranopia 1% of men
#bd7a83 Tritanopia 0.001% of the population

Trichromacy

#7470fc Protanomaly 1% of men, 0.01% of women
#7574ed Deuteranomaly 6% of men, 0.4% of women
#c467ae Tritanomaly 0.01% of the population

#cf45f9 hex color

#cf45f9 Color Information

#cf45f9 Color Conversion

Color Schemes with #cf45f9

Alternatives to #cf45f9

#cf45f9 Preview

Shades and Tints of #cf45f9

Tones of #cf45f9

Color Blindness Simulator