Colore con nome · #DD5555
Flushed
Flushed è #DD5555: rgb(221 85 85), hsl(0 67% 60%), oklch(0.629 0.171 23.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Flushed color name →
#DD5555
oklch(0.629 0.171 23.4)
Conversioni di colore
- HEX
- #dd5555
- RGB
- rgb(221 85 85)
- HSL
- hsl(0 67% 60%)
- HWB
- hwb(0 33% 13%)
- OKLCH
- oklch(0.629 0.171 23.4)
- OKLab
- oklab(0.629 0.157 0.068)
- CIE Lab
- lab(55.23 54.1 29.51)
- LCH
- lch(55.23 61.63 28.6)
- CMYK
- cmyk(0% 62% 62% 13%)
Tinte · Ombre · Toni
Tinte
- E36866
- E87A76
- ED8B87
- F19C97
- F5ADA8
- F8BDB9
- FBCECA
- FDDEDC
- FEEFED
Ombre
- C04949
- A43D3D
- 883131
- 6E2626
- 551C1C
- 3D1111
- 260808
- 110202
- 020000
Toni
- D55C5A
- CC615F
- C46763
- BB6B68
- B2706C
- A97470
- 9F7774
- 967A78
- 8B7D7C
Armonie di colore
Complementare +180°
- DD5555
Flushed
- 009BA6
≈ Turkish Boy
Analogo -30° +30°
- DD5555
Flushed
- D35491
≈ Crushed Berries
- D06800
≈ Cinnamon
Triadico +120° +240°
- DD5555
Flushed
- 3AA23B
≈ Oregano Green
- 5083EF
≈ Blue Elemental
Complementare divisa +150° +210°
- DD5555
Flushed
- 00A082
≈ Reptilian Green
- 0094CB
≈ Germander Speedwell
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.81:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.50:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.50:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--flushed: #dd5555;
--flushed-rgb: 221 85 85;
--flushed-oklch: oklch(0.629 0.171 23.4);
}
.element {
color: var(--flushed);
background-color: hsl(0 67% 60%);
border-color: oklch(0.629 0.171 23.4);
}Tailwind CSS v4
@theme {
--color-flushed: #dd5555;
--color-flushed-50: #ffe3dc;
--color-flushed-100: #ffd2cb;
--color-flushed-200: #ffb8af;
--color-flushed-300: #ff938a;
--color-flushed-400: #f36f6d;
--color-flushed-500: #e1494c;
--color-flushed-600: #be3f41;
--color-flushed-700: #993334;
--color-flushed-800: #722327;
--color-flushed-900: #50171a;
--color-flushed-950: #35070b;
}SCSS
$flushed: #dd5555;
$flushed-rgb: 221, 85, 85;
$flushed-light: mix(#fff, $flushed, 20%);
$flushed-dark: mix(#000, $flushed, 20%);
.element {
color: $flushed;
box-shadow: 0 0 0 2px rgba($flushed, 0.35);
}