#ff54b2 Color Information
In a RGB color space, hex #ff54b2 is composed of 100% red, 32.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.1% magenta, 30.2% yellow and 0% black. It has a hue angle of 327 degrees, a saturation of 100% and a lightness of 66.5%. #ff54b2 color hex could be obtained by blending #ffa8ff with #ff0065. Closest websafe color is: #ff6699.
-
- R 100
- G 33
- B 70
-
- C 0
- M 67
- Y 30
- K 0
● #ff54b2 color description : Light pink.
#ff54b2 Color Conversion
The hexadecimal color #ff54b2 has RGB values of R:255, G:84, B:178 and CMYK values of C:0, M:0.67, Y:0.3, K:0. Its decimal value is 16733362.
Hex triplet | ff54b2 | #ff54b2 |
---|---|---|
RGB Decimal | 255, 84, 178 | rgb(255,84,178) |
RGB Percent | 100, 32.9, 69.8 | rgb(100%,32.9%,69.8%) |
CMYK | 0, 67, 30, 0 | |
HSL | 327°, 100, 66.5 | hsl(327,100%,66.5%) |
HSV (or HSB) | 327°, 67.1, 100 | |
Web Safe | ff6699 | #ff6699 |
CIE-LAB | 62.355, 72.37, -14.215 |
---|---|
XYZ | 52.447, 30.82, 45.304 |
xyY | 0.408, 0.24, 30.82 |
CIE-LCH | 62.355, 73.752, 348.887 |
CIE-LUV | 62.355, 100.992, -34.071 |
Hunter-Lab | 55.515, 71.482, -9.523 |
Binary | 11111111, 01010100, 10110010 |
Color Schemes with #ff54b2
Alternatives to #ff54b2
Below, you can see some colors close to #ff54b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff54b2 Preview
This text has a font color of #ff54b2.
<span style="color:#ff54b2;">Text here</span>
This paragraph has a background color of #ff54b2.
<p style="background-color:#ff54b2;">Content here</p>
This element has a border color of #ff54b2.
<div style="border:1px solid #ff54b2;">Content here</div>
.text {color:#ff54b2;}
.background {background-color:#ff54b2;}
.border {border:1px solid #ff54b2;}
Shades and Tints of #ff54b2
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, #060003 is the darkest color, while #fff1f9 is the lightest one.
-
#060003
#060003
rgb(6,0,3)
-
#19000e
#19000e
rgb(25,0,14)
-
#2d0019
#2d0019
rgb(45,0,25)
-
#400023
#400023
rgb(64,0,35)
-
#54002e
#54002e
rgb(84,0,46)
-
#680039
#680039
rgb(104,0,57)
-
#7b0044
#7b0044
rgb(123,0,68)
-
#8f004f
#8f004f
rgb(143,0,79)
-
#a20059
#a20059
rgb(162,0,89)
-
#b60064
#b60064
rgb(182,0,100)
-
#ca006f
#ca006f
rgb(202,0,111)
-
#dd007a
#dd007a
rgb(221,0,122)
-
#f10084
#f10084
rgb(241,0,132)
-
#ff068f
#ff068f
rgb(255,6,143)
-
#ff1998
#ff1998
rgb(255,25,152)
-
#ff2da0
#ff2da0
rgb(255,45,160)
-
#ff40a9
#ff40a9
rgb(255,64,169)
-
#ff54b2
#ff54b2
rgb(255,84,178)
-
#ff68bb
#ff68bb
rgb(255,104,187)
-
#ff7bc4
#ff7bc4
rgb(255,123,196)
-
#ff8fcc
#ff8fcc
rgb(255,143,204)
-
#ffa2d5
#ffa2d5
rgb(255,162,213)
-
#ffb6de
#ffb6de
rgb(255,182,222)
-
#ffcae7
#ffcae7
rgb(255,202,231)
-
#ffddf0
#ffddf0
rgb(255,221,240)
-
#fff1f9
#fff1f9
rgb(255,241,249)
Tones of #ff54b2
A tone is produced by adding gray to any pure hue. In this case, #b0a3aa is the less saturated color, while #ff54b2 is the most saturated one.
-
#b0a3aa
#b0a3aa
rgb(176,163,170)
-
#b79cab
#b79cab
rgb(183,156,171)
-
#bd96ab
#bd96ab
rgb(189,150,171)
-
#c48fac
#c48fac
rgb(196,143,172)
-
#ca89ad
#ca89ad
rgb(202,137,173)
-
#d182ad
#d182ad
rgb(209,130,173)
-
#d87bae
#d87bae
rgb(216,123,174)
-
#de75af
#de75af
rgb(222,117,175)
-
#e56eaf
#e56eaf
rgb(229,110,175)
-
#eb68b0
#eb68b0
rgb(235,104,176)
-
#f261b1
#f261b1
rgb(242,97,177)
-
#f85bb1
#f85bb1
rgb(248,91,177)
-
#ff54b2
#ff54b2
rgb(255,84,178)
Color Blindness Simulator
Below, you can see how #ff54b2 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.