Colore con nome · #DE6646
Jelly Slug
Jelly Slug è #DE6646: rgb(222 102 70), hsl(13 70% 57%), oklch(0.651 0.158 35.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Jelly Slug color name →
#DE6646
oklch(0.651 0.158 35.9)
Conversioni di colore
- HEX
- #de6646
- RGB
- rgb(222 102 70)
- HSL
- hsl(13 70% 57%)
- HWB
- hwb(13 27% 13%)
- OKLCH
- oklch(0.651 0.158 35.9)
- OKLab
- oklab(0.651 0.128 0.093)
- CIE Lab
- lab(58.18 46.35 41.37)
- LCH
- lch(58.18 62.13 41.8)
- CMYK
- cmyk(0% 54% 68% 13%)
Tinte · Ombre · Toni
Tinte
- E37759
- E8866C
- ED967E
- F1A591
- F4B4A3
- F7C3B5
- FAD2C7
- FCE1DA
- FEF0EC
Ombre
- C1583C
- A54A32
- 893C28
- 6F2F1E
- 552315
- 3D170D
- 260C05
- 120402
- 020000
Toni
- D56A4E
- CD6E54
- C4715B
- BB7461
- B27767
- A8796C
- 9F7B71
- 957D76
- 8B7F7B
Armonie di colore
Complementare +180°
- DE6646
Jelly Slug
- 00A0BC
≈ Greek Blue
Analogo -30° +30°
- DE6646
Jelly Slug
- DC6081
≈ Hint of Cherry
- CA7A00
≈ German Mustard
Triadico +120° +240°
- DE6646
Jelly Slug
- 02AB65
≈ Go Green!
- 7784EE
≈ Soft Blue
Complementare divisa +150° +210°
- DE6646
Jelly Slug
- 00A59A
≈ Tyrolite Blue-Green
- 1E96E9
≈ Out of the Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.44:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.09:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--jelly-slug: #de6646;
--jelly-slug-rgb: 222 102 70;
--jelly-slug-oklch: oklch(0.651 0.158 35.9);
}
.element {
color: var(--jelly-slug);
background-color: hsl(13 70% 57%);
border-color: oklch(0.651 0.158 35.9);
}Tailwind CSS v4
@theme {
--color-jelly-slug: #de6646;
--color-jelly-slug-50: #ffe6d5;
--color-jelly-slug-100: #ffd6c2;
--color-jelly-slug-200: #ffbda3;
--color-jelly-slug-300: #fc9a7b;
--color-jelly-slug-400: #ec7859;
--color-jelly-slug-500: #da5632;
--color-jelly-slug-600: #b84a2c;
--color-jelly-slug-700: #943b23;
--color-jelly-slug-800: #6f291a;
--color-jelly-slug-900: #4e1c11;
--color-jelly-slug-950: #330b04;
}SCSS
$jelly-slug: #de6646;
$jelly-slug-rgb: 222, 102, 70;
$jelly-slug-light: mix(#fff, $jelly-slug, 20%);
$jelly-slug-dark: mix(#000, $jelly-slug, 20%);
.element {
color: $jelly-slug;
box-shadow: 0 0 0 2px rgba($jelly-slug, 0.35);
}