#ff2baa hex color

In a RGB color space, hex #ff2baa is composed of 100% red, 16.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.1% magenta, 33.3% yellow and 0% black. It has a hue angle of 324.1 degrees, a saturation of 100% and a lightness of 58.4%. #ff2baa color hex could be obtained by blending #ff56ff with #ff0055. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 100
- G 17
- B 67
RGB color chart
- C 0
- M 83
- Y 33
- K 0
CMYK color chart

● #ff2baa color description : Vivid pink.

The hexadecimal color #ff2baa has RGB values of R:255, G:43, B:170 and CMYK values of C:0, M:0.83, Y:0.33, K:0. Its decimal value is 16722858.

Hex triplet	ff2baa	`#ff2baa`
RGB Decimal	255, 43, 170	`rgb(255,43,170)`
RGB Percent	100, 16.9, 66.7	`rgb(100%,16.9%,66.7%)`
CMYK	0, 83, 33, 0
HSL	324.1°, 100, 58.4	`hsl(324.1,100%,58.4%)`
HSV (or HSB)	324.1°, 83.1, 100
Web Safe	ff3399	`#ff3399`

CIE-LAB	57.937, 83.204, -16.27
XYZ	49.36, 25.895, 40.427
xyY	0.427, 0.224, 25.895
CIE-LCH	57.937, 84.78, 348.936
CIE-LUV	57.937, 116.988, -38.768
Hunter-Lab	50.887, 84.093, -11.482
Binary	11111111, 00101011, 10101010

#ff2baa
```
#ff2baa rgb(255,43,170)
```
#2bff80
```
#2bff80 rgb(43,255,128)
```

Complementary Color

#ea2bff
```
#ea2bff rgb(234,43,255)
```
#ff2baa
```
#ff2baa rgb(255,43,170)
```
#ff2b40
```
#ff2b40 rgb(255,43,64)
```

Analogous Color

#2bffea
```
#2bffea rgb(43,255,234)
```
#ff2baa
```
#ff2baa rgb(255,43,170)
```
#40ff2b
```
#40ff2b rgb(64,255,43)
```

Split Complementary Color

#2baaff
```
#2baaff rgb(43,170,255)
```
#ff2baa
```
#ff2baa rgb(255,43,170)
```
#aaff2b
```
#aaff2b rgb(170,255,43)
```

Triadic Color

#802bff
```
#802bff rgb(128,43,255)
```
#ff2baa
```
#ff2baa rgb(255,43,170)
```
#aaff2b
```
#aaff2b rgb(170,255,43)
```
#2bff80
```
#2bff80 rgb(43,255,128)
```

Tetradic Color

#de0085
```
#de0085 rgb(222,0,133)
```
#f70094
```
#f70094 rgb(247,0,148)
```
#ff12a0
```
#ff12a0 rgb(255,18,160)
```
#ff2baa
```
#ff2baa rgb(255,43,170)
```
#ff45b4
```
#ff45b4 rgb(255,69,180)
```
#ff5ebe
```
#ff5ebe rgb(255,94,190)
```
#ff78c9
```
#ff78c9 rgb(255,120,201)
```

Monochromatic Color

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

#ff2bdf
```
#ff2bdf rgb(255,43,223)
```
#ff2bcd
```
#ff2bcd rgb(255,43,205)
```
#ff2bbc
```
#ff2bbc rgb(255,43,188)
```
#ff2baa
```
#ff2baa rgb(255,43,170)
```
#ff2b98
```
#ff2b98 rgb(255,43,152)
```
#ff2b87
```
#ff2b87 rgb(255,43,135)
```
#ff2b75
```
#ff2b75 rgb(255,43,117)
```

Similar Colors

Text with hexadecimal color #ff2baa

This text has a font color of #ff2baa.

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

#ff2baa background color

This paragraph has a background color of #ff2baa.

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

#ff2baa border color

This element has a border color of #ff2baa.

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

CSS codes

.text {color:#ff2baa;}

.background {background-color:#ff2baa;}

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

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

#040002
```
#040002 rgb(4,0,2)
```
#17000e
```
#17000e rgb(23,0,14)
```
#2b001a
```
#2b001a rgb(43,0,26)
```
#3f0026
```
#3f0026 rgb(63,0,38)
```
#520031
```
#520031 rgb(82,0,49)
```
#66003d
```
#66003d rgb(102,0,61)
```
#790049
```
#790049 rgb(121,0,73)
```
#8d0055
```
#8d0055 rgb(141,0,85)
```
#a10060
```
#a10060 rgb(161,0,96)
```
#b4006c
```
#b4006c rgb(180,0,108)
```
#c80078
```
#c80078 rgb(200,0,120)
```
#dc0084
```
#dc0084 rgb(220,0,132)
```
#ef008f
```
#ef008f rgb(239,0,143)
```

Shade Color Variation

#ff049a
```
#ff049a rgb(255,4,154)
```
#ff17a2
```
#ff17a2 rgb(255,23,162)
```
#ff2baa
```
#ff2baa rgb(255,43,170)
```
#ff3fb2
```
#ff3fb2 rgb(255,63,178)
```
#ff52ba
```
#ff52ba rgb(255,82,186)
```
#ff66c2
```
#ff66c2 rgb(255,102,194)
```
#ff79c9
```
#ff79c9 rgb(255,121,201)
```
#ff8dd1
```
#ff8dd1 rgb(255,141,209)
```
#ffa1d9
```
#ffa1d9 rgb(255,161,217)
```
#ffb4e1
```
#ffb4e1 rgb(255,180,225)
```
#ffc8e9
```
#ffc8e9 rgb(255,200,233)
```
#ffdcf1
```
#ffdcf1 rgb(255,220,241)
```
#ffeff9
```
#ffeff9 rgb(255,239,249)
```

Tint Color Variation

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

#9d8d97
```
#9d8d97 rgb(157,141,151)
```
#a58598
```
#a58598 rgb(165,133,152)
```
#ad7d9a
```
#ad7d9a rgb(173,125,154)
```
#b6749b
```
#b6749b rgb(182,116,155)
```
#be6c9d
```
#be6c9d rgb(190,108,157)
```
#c6649f
```
#c6649f rgb(198,100,159)
```
#ce5ca0
```
#ce5ca0 rgb(206,92,160)
```
#d654a2
```
#d654a2 rgb(214,84,162)
```
#de4ca4
```
#de4ca4 rgb(222,76,164)
```
#e743a5
```
#e743a5 rgb(231,67,165)
```
#ef3ba7
```
#ef3ba7 rgb(239,59,167)
```
#f733a8
```
#f733a8 rgb(247,51,168)
```
#ff2baa
```
#ff2baa rgb(255,43,170)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#946983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e8ee0 Protanopia 1% of men
#988d9e Deuteranopia 1% of men
#f85559 Tritanopia 0.001% of the population

Trichromacy

#a36acc Protanomaly 1% of men, 0.01% of women
#bd69a2 Deuteranomaly 6% of men, 0.4% of women
#fb4676 Tritanomaly 0.01% of the population

#ff2baa hex color

#ff2baa Color Information

#ff2baa Color Conversion

Color Schemes with #ff2baa

Alternatives to #ff2baa

#ff2baa Preview

Shades and Tints of #ff2baa

Tones of #ff2baa

Color Blindness Simulator