Coloried

Cranberry

Cranberry color is a bright shade of pink. Its hex code is #DB5079 and rgb code is rgb(219, 80, 121), Its CMYK value is cmyk(0%, 63%, 45%, 14%), and Its HSL value is hsl(342, 66%, 59%). Against white, it has a contrast ratio of 3.86:1, while against black, the contrast ratio is 5.44:1. Complementary color is #51DBB2 and closest tailwind color is pink-500. This color goes well with #7B2D19, #7B1967, #3B0C1A, #22A53C, and #228BA5. To create this Cranberry color, you can mix #FF0000 and #B7A0F2.

Cranberry color code
|
1. Color Conversions
HEX#DB5079
RGB219, 80, 121
HSL342°, 66%, 59%
HSV342°, 66%, 86%
CMYK0%, 63%, 45%, 14%
Web Safe#CC6666
2. Contrast Ratio
Text on #FFFFFF3.86:1
AAA LargeFail Normal
Text on #0000005.44:1
AAA LargeAAA Normal
3. Cranberry Color Code in CSS
HEX
#DB5079
RGB
rgb(219, 80, 121)
HSL
hsl(342, 66%, 59%)
Text Color
color: #DB5079;
Background
background-color: #DB5079;
Border Color
border-color: #DB5079;
Box Shadow
box-shadow: 0 4px 14px 0 #DB507980;
SCSS
$color-cranberry: #DB5079;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#9F9E6F
Deuteranopia#A7B16D
Tritanopia#D46766
Achromatopsia#7E7E7E
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive