Colore con nome · #DD5E6D
Swiss Chard
Swiss Chard è #DD5E6D: rgb(221 94 109), hsl(353 65% 62%), oklch(0.645 0.159 15.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Swiss Chard color name →
#DD5E6D
oklch(0.645 0.159 15.5)
Conversioni di colore
- HEX
- #dd5e6d
- RGB
- rgb(221 94 109)
- HSL
- hsl(353 65% 62%)
- HWB
- hwb(353 37% 13%)
- OKLCH
- oklch(0.645 0.159 15.5)
- OKLab
- oklab(0.645 0.153 0.043)
- CIE Lab
- lab(57.11 51.52 18)
- LCH
- lch(57.11 54.58 19.3)
- CMYK
- cmyk(0% 57% 51% 13%)
Tinte · Ombre · Toni
Tinte
- E3707B
- E88089
- EC9197
- F0A1A5
- F4B0B4
- F7C0C3
- FAD0D1
- FCE0E0
- FEEFF0
Ombre
- C0515E
- A4444F
- 883741
- 6E2B33
- 551F26
- 3D1419
- 260A0D
- 110304
- 020001
Toni
- D5636F
- CC6871
- C46C73
- BB7075
- B27377
- A87679
- 9F797B
- 957C7C
- 8B7E7E
Armonie di colore
Complementare +180°
- DD5E6D
Swiss Chard
- 00A2A3
≈ Pleasant Stream
Analogo -30° +30°
- DD5E6D
Swiss Chard
- CF60A3
≈ Phlox Pink
- DA682C
≈ Hot Hazel
Triadico +120° +240°
- DD5E6D
Swiss Chard
- 5FA234
≈ Siren of Nature
- 448EEC
≈ Oregon Blue
Complementare divisa +150° +210°
- DD5E6D
Swiss Chard
- 00A77A
≈ Dragon Scale
- 009CC6
≈ Blue Ocean
Tetradico +90° +180° +270°
- DD5E6D
Swiss Chard
- 9A9200
≈ Smoothie Green
- 00A2A3
≈ Pleasant Stream
- 877CE9
≈ Hera Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.56:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.89:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--swiss-chard: #dd5e6d;
--swiss-chard-rgb: 221 94 109;
--swiss-chard-oklch: oklch(0.645 0.159 15.5);
}
.element {
color: var(--swiss-chard);
background-color: hsl(353 65% 62%);
border-color: oklch(0.645 0.159 15.5);
}Tailwind CSS v4
@theme {
--color-swiss-chard: #dd5e6d;
--color-swiss-chard-50: #ffe4e4;
--color-swiss-chard-100: #ffd3d4;
--color-swiss-chard-200: #ffb9bb;
--color-swiss-chard-300: #fe9499;
--color-swiss-chard-400: #ed727f;
--color-swiss-chard-500: #db4e62;
--color-swiss-chard-600: #b94453;
--color-swiss-chard-700: #943642;
--color-swiss-chard-800: #6f2632;
--color-swiss-chard-900: #4e1922;
--color-swiss-chard-950: #330911;
}SCSS
$swiss-chard: #dd5e6d;
$swiss-chard-rgb: 221, 94, 109;
$swiss-chard-light: mix(#fff, $swiss-chard, 20%);
$swiss-chard-dark: mix(#000, $swiss-chard, 20%);
.element {
color: $swiss-chard;
box-shadow: 0 0 0 2px rgba($swiss-chard, 0.35);
}