Colore con nome · #DC9399
Dancer
Dancer è #DC9399: rgb(220 147 153), hsl(355 51% 72%), oklch(0.738 0.089 14.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Dancer color name →
#DC9399
oklch(0.738 0.089 14.1)
Conversioni di colore
- HEX
- #dc9399
- RGB
- rgb(220 147 153)
- HSL
- hsl(355 51% 72%)
- HWB
- hwb(355 58% 14%)
- OKLCH
- oklch(0.738 0.089 14.1)
- OKLab
- oklab(0.738 0.086 0.022)
- CIE Lab
- lab(68.59 28.91 8.74)
- LCH
- lch(68.59 30.2 16.8)
- CMYK
- cmyk(0% 33% 30% 14%)
Tinte · Ombre · Toni
Tinte
- E09EA3
- E4A8AD
- E8B3B7
- ECBEC1
- F0C9CB
- F3D3D5
- F6DEDF
- F9E9EA
- FCF4F4
Ombre
- BF7F84
- A36C70
- 88595D
- 6E474A
- 543638
- 3C2527
- 261617
- 110808
- 020101
Toni
- D39196
- CA9094
- C18E91
- B88C8F
- AE8A8C
- A5888A
- 9C8687
- 938485
- 898282
Armonie di colore
Complementare +180°
- DC9399
Dancer
- 5FBCBA
≈ Hygiene Green
Analogo -30° +30°
- DC9399
Dancer
- D294B8
≈ Soft Fuchsia
- DA987C
≈ Italian Clay
Triadico +120° +240°
- DC9399
Dancer
- 93B77D
≈ Willow Dyed
- 83ADE1
≈ Queer Blue
Complementare divisa +150° +210°
- DC9399
Dancer
- 72BC9B
≈ Mountain Lake Green
- 67B6D4
≈ Baby Tears
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.42:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.67:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.67:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--dancer: #dc9399;
--dancer-rgb: 220 147 153;
--dancer-oklch: oklch(0.738 0.089 14.1);
}
.element {
color: var(--dancer);
background-color: hsl(355 51% 72%);
border-color: oklch(0.738 0.089 14.1);
}Tailwind CSS v4
@theme {
--color-dancer: #dc9399;
--color-dancer-50: #ffecec;
--color-dancer-100: #ffddde;
--color-dancer-200: #f8c6c7;
--color-dancer-300: #e1a5a8;
--color-dancer-400: #cd898e;
--color-dancer-500: #b96d74;
--color-dancer-600: #9c5c62;
--color-dancer-700: #7e4a4f;
--color-dancer-800: #5d353a;
--color-dancer-900: #412428;
--color-dancer-950: #2a1316;
}SCSS
$dancer: #dc9399;
$dancer-rgb: 220, 147, 153;
$dancer-light: mix(#fff, $dancer, 20%);
$dancer-dark: mix(#000, $dancer, 20%);
.element {
color: $dancer;
box-shadow: 0 0 0 2px rgba($dancer, 0.35);
}