#ff306d Color Information
In a RGB color space, hex #ff306d is composed of 100% red, 18.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 57.3% yellow and 0% black. It has a hue angle of 342.3 degrees, a saturation of 100% and a lightness of 59.4%. #ff306d color hex could be obtained by blending #ff60da with #ff0000. Closest websafe color is: #ff3366.
-
- R 100
- G 19
- B 43
-
- C 0
- M 81
- Y 57
- K 0
● #ff306d color description : Vivid pink.
#ff306d Color Conversion
The hexadecimal color #ff306d has RGB values of R:255, G:48, B:109 and CMYK values of C:0, M:0.81, Y:0.57, K:0. Its decimal value is 16724077.
Hex triplet | ff306d | #ff306d |
---|---|---|
RGB Decimal | 255, 48, 109 | rgb(255,48,109) |
RGB Percent | 100, 18.8, 42.7 | rgb(100%,18.8%,42.7%) |
CMYK | 0, 81, 57, 0 | |
HSL | 342.3°, 100, 59.4 | hsl(342.3,100%,59.4%) |
HSV (or HSB) | 342.3°, 81.2, 100 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.568, 77.073, 17.804 |
---|---|
XYZ | 45.059, 24.483, 16.82 |
xyY | 0.522, 0.283, 24.483 |
CIE-LCH | 56.568, 79.103, 13.008 |
CIE-LUV | 56.568, 140.925, 5.749 |
Hunter-Lab | 49.481, 75.958, 14.482 |
Binary | 11111111, 00110000, 01101101 |
Color Schemes with #ff306d
Alternatives to #ff306d
Below, you can see some colors close to #ff306d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff306d Preview
This text has a font color of #ff306d.
<span style="color:#ff306d;">Text here</span>
This paragraph has a background color of #ff306d.
<p style="background-color:#ff306d;">Content here</p>
This element has a border color of #ff306d.
<div style="border:1px solid #ff306d;">Content here</div>
.text {color:#ff306d;}
.background {background-color:#ff306d;}
.border {border:1px solid #ff306d;}
Shades and Tints of #ff306d
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, #090003 is the darkest color, while #fff4f7 is the lightest one.
-
#090003
#090003
rgb(9,0,3)
-
#1c0008
#1c0008
rgb(28,0,8)
-
#30000e
#30000e
rgb(48,0,14)
-
#440014
#440014
rgb(68,0,20)
-
#57001a
#57001a
rgb(87,0,26)
-
#6b001f
#6b001f
rgb(107,0,31)
-
#7e0025
#7e0025
rgb(126,0,37)
-
#92002b
#92002b
rgb(146,0,43)
-
#a60031
#a60031
rgb(166,0,49)
-
#b90037
#b90037
rgb(185,0,55)
-
#cd003c
#cd003c
rgb(205,0,60)
-
#e10042
#e10042
rgb(225,0,66)
-
#f40048
#f40048
rgb(244,0,72)
-
#ff0951
#ff0951
rgb(255,9,81)
-
#ff1c5f
#ff1c5f
rgb(255,28,95)
-
#ff306d
#ff306d
rgb(255,48,109)
-
#ff447b
#ff447b
rgb(255,68,123)
-
#ff5789
#ff5789
rgb(255,87,137)
-
#ff6b97
#ff6b97
rgb(255,107,151)
-
#ff7ea4
#ff7ea4
rgb(255,126,164)
-
#ff92b2
#ff92b2
rgb(255,146,178)
-
#ffa6c0
#ffa6c0
rgb(255,166,192)
-
#ffb9ce
#ffb9ce
rgb(255,185,206)
-
#ffcddc
#ffcddc
rgb(255,205,220)
-
#ffe1ea
#ffe1ea
rgb(255,225,234)
-
#fff4f7
#fff4f7
rgb(255,244,247)
Tones of #ff306d
A tone is produced by adding gray to any pure hue. In this case, #9f9094 is the less saturated color, while #ff306d is the most saturated one.
-
#9f9094
#9f9094
rgb(159,144,148)
-
#a78891
#a78891
rgb(167,136,145)
-
#af808e
#af808e
rgb(175,128,142)
-
#b7788a
#b7788a
rgb(183,120,138)
-
#bf7087
#bf7087
rgb(191,112,135)
-
#c76884
#c76884
rgb(199,104,132)
-
#cf6081
#cf6081
rgb(207,96,129)
-
#d7587d
#d7587d
rgb(215,88,125)
-
#df507a
#df507a
rgb(223,80,122)
-
#e74877
#e74877
rgb(231,72,119)
-
#ef4074
#ef4074
rgb(239,64,116)
-
#f73870
#f73870
rgb(247,56,112)
-
#ff306d
#ff306d
rgb(255,48,109)
Color Blindness Simulator
Below, you can see how #ff306d 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.