Adlandırılmış renk · #EB4652
Watermelonade
Watermelonade, #EB4652: rgb(235 70 82), hsl(356 80% 60%), oklch(0.634 0.201 21.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Watermelonade color name →
#EB4652
oklch(0.634 0.201 21.2)
Renk dönüşümleri
- HEX
- #eb4652
- RGB
- rgb(235 70 82)
- HSL
- hsl(356 80% 60%)
- HWB
- hwb(356 27% 8%)
- OKLCH
- oklch(0.634 0.201 21.2)
- OKLab
- oklab(0.634 0.187 0.072)
- CIE Lab
- lab(55.47 64.2 32.2)
- LCH
- lch(55.47 71.82 26.6)
- CMYK
- cmyk(0% 70% 65% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F05D63
- F47274
- F88585
- FB9796
- FEA9A7
- FFBBB8
- FFCCCA
- FFDDDB
- FFEEED
Koyu tonlar
- CC3C46
- AE323B
- 91282F
- 751E25
- 5B151A
- 410D11
- 290508
- 130202
- 030000
Gri tonlar
- E25057
- D8595C
- CE6061
- C46666
- BA6C6B
- B0716F
- A57573
- 997978
- 8D7D7C
Renk uyumları
Tamamlayıcı +180°
- EB4652
Watermelonade
- 009DA5
≈ Turkish Boy
Analog -30° +30°
- EB4652
Watermelonade
- DE4899
≈ Prunus Avium
- D56600
≈ Cinnamon
Üçlü +120° +240°
- EB4652
Watermelonade
- 2DA616
≈ Dry Highlighter Green
- 4084FF
≈ Dodger Blue
Bölünmüş tamamlayıcı +150° +210°
- EB4652
Watermelonade
- 00A280
≈ Sport Green
- 0097C9
≈ UV Light
Dörtlü +90° +180° +270°
- EB4652
Watermelonade
- 8F9100
≈ Old Asparagus
- 009DA5
≈ Turkish Boy
- 8F6CF8
≈ Blackthorn Berry
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.79:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.53:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.53:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--watermelonade: #eb4652;
--watermelonade-rgb: 235 70 82;
--watermelonade-oklch: oklch(0.634 0.201 21.2);
}
.element {
color: var(--watermelonade);
background-color: hsl(356 80% 60%);
border-color: oklch(0.634 0.201 21.2);
}Tailwind CSS v4
@theme {
--color-watermelonade: #eb4652;
--color-watermelonade-50: #ffdfda;
--color-watermelonade-100: #ffcec8;
--color-watermelonade-200: #ffb1ac;
--color-watermelonade-300: #ff8a86;
--color-watermelonade-400: #ff6269;
--color-watermelonade-500: #ee3147;
--color-watermelonade-600: #c92d3d;
--color-watermelonade-700: #a22430;
--color-watermelonade-800: #791825;
--color-watermelonade-900: #551018;
--color-watermelonade-950: #390109;
}SCSS
$watermelonade: #eb4652;
$watermelonade-rgb: 235, 70, 82;
$watermelonade-light: mix(#fff, $watermelonade, 20%);
$watermelonade-dark: mix(#000, $watermelonade, 20%);
.element {
color: $watermelonade;
box-shadow: 0 0 0 2px rgba($watermelonade, 0.35);
}