Colore con nome · #FD5B78
Watermelon Candy
Watermelon Candy è #FD5B78: rgb(253 91 120), hsl(349 98% 67%), oklch(0.692 0.197 13.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Watermelon Candy color name →
#FD5B78
oklch(0.692 0.197 13.3)
Conversioni di colore
- HEX
- #fd5b78
- RGB
- rgb(253 91 120)
- HSL
- hsl(349 98% 67%)
- HWB
- hwb(349 36% 1%)
- OKLCH
- oklch(0.692 0.197 13.3)
- OKLab
- oklab(0.692 0.192 0.045)
- CIE Lab
- lab(62.08 63.94 19.35)
- LCH
- lch(62.08 66.8 16.8)
- CMYK
- cmyk(0% 64% 53% 1%)
Tinte · Ombre · Toni
Tinte
- FF6F85
- FF8192
- FF929F
- FFA2AC
- FFB2BA
- FFC2C7
- FFD1D5
- FFE1E3
- FFF0F1
Ombre
- DC4E67
- BC4157
- 9D3548
- 7F2939
- 621E2A
- 47131D
- 2D0910
- 160305
- 030001
Toni
- F16279
- E6677A
- DA6C7B
- CE707C
- C2747C
- B6777D
- A97A7E
- 9C7C7F
- 8E7E7F
Armonie di colore
Complementare +180°
- FD5B78
Watermelon Candy
- 00B3B0
≈ Laguna Green
Analogo -30° +30°
- FD5B78
Watermelon Candy
- EB60BB
≈ Crumbly Lipstick
- FB6816
≈ Blaze Orange
Triadico +120° +240°
- FD5B78
Watermelon Candy
- 67B400
≈ Leaf Sheep
- 479EFF
≈ Sky Dancer
Complementare divisa +150° +210°
- FD5B78
Watermelon Candy
- 00B881
≈ April Fool’s Red
- 00ACD6
≈ Bright Cerulean
Tetradico +90° +180° +270°
- FD5B78
Watermelon Candy
- AD9F00
≈ Nuclear Fallout
- 00B3B0
≈ Laguna Green
- 908AFF
≈ Lavender Blue Shadow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.02:1 · APCA Lc 56
Ag
AASu nero
WCAG 6.94:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 6.94:1 (AA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--watermelon-candy: #fd5b78;
--watermelon-candy-rgb: 253 91 120;
--watermelon-candy-oklch: oklch(0.692 0.197 13.3);
}
.element {
color: var(--watermelon-candy);
background-color: hsl(349 98% 67%);
border-color: oklch(0.692 0.197 13.3);
}Tailwind CSS v4
@theme {
--color-watermelon-candy: #fd5b78;
--color-watermelon-candy-50: #ffdfe3;
--color-watermelon-candy-100: #ffcdd2;
--color-watermelon-candy-200: #ffb1b9;
--color-watermelon-candy-300: #ff8996;
--color-watermelon-candy-400: #fc637c;
--color-watermelon-candy-500: #ea335f;
--color-watermelon-candy-600: #c62e51;
--color-watermelon-candy-700: #9f2540;
--color-watermelon-candy-800: #771931;
--color-watermelon-candy-900: #541021;
--color-watermelon-candy-950: #380210;
}SCSS
$watermelon-candy: #fd5b78;
$watermelon-candy-rgb: 253, 91, 120;
$watermelon-candy-light: mix(#fff, $watermelon-candy, 20%);
$watermelon-candy-dark: mix(#000, $watermelon-candy, 20%);
.element {
color: $watermelon-candy;
box-shadow: 0 0 0 2px rgba($watermelon-candy, 0.35);
}