Nazwany kolor · #EDC5D7
Tussie-Mussie
Tussie-Mussie to #EDC5D7: rgb(237 197 215), hsl(333 53% 85%), oklch(0.863 0.051 349.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Tussie-Mussie color name →
#EDC5D7
oklch(0.863 0.051 349.4)
Konwersje koloru
- HEX
- #edc5d7
- RGB
- rgb(237 197 215)
- HSL
- hsl(333 53% 85%)
- HWB
- hwb(333 77% 7%)
- OKLCH
- oklch(0.863 0.051 349.4)
- OKLab
- oklab(0.863 0.05 -0.009)
- CIE Lab
- lab(83.44 16.78 -3.4)
- LCH
- lch(83.44 17.12 348.5)
- CMYK
- cmyk(0% 17% 9% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFCBDB
- F1D1DF
- F3D6E3
- F5DCE7
- F7E2EB
- F8E8EF
- FAEDF3
- FCF3F7
- FDF9FB
Odcienie ciemniejsze
- CEABBB
- B0929F
- 937985
- 77616B
- 5C4B52
- 42353B
- 2A2125
- 140E11
- 030202
Tony
- E2BECE
- D6B7C5
- CBB0BC
- C0A9B3
- B5A2AA
- AB9BA2
- A09499
- 958D91
- 8A8788
Harmonie kolorów
Komplementarna +180°
- EDC5D7
Tussie-Mussie
- B2DDCC
≈ Brook Green
Analogowa -30° +30°
- EDC5D7
Tussie-Mussie
- E1C8E8
≈ Syrian Violet
- F2C5C5
≈ My Fair Lady
Triada +120° +240°
- EDC5D7
Tussie-Mussie
- D4D5AF
≈ Green Mesh
- B0D9ED
≈ Blue Feather
Komplementarna rozszczepiona +150° +210°
- EDC5D7
Tussie-Mussie
- C1DBBB
≈ Soft Lumen
- ABDDDF
≈ Blue Bauble
Tetrada +90° +180° +270°
- EDC5D7
Tussie-Mussie
- E4CFAD
≈ Ivoire
- B2DDCC
≈ Brook Green
- BFD3F4
≈ Mr. Glass
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.56:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.56:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--tussie-mussie: #edc5d7;
--tussie-mussie-rgb: 237 197 215;
--tussie-mussie-oklch: oklch(0.863 0.051 349.4);
}
.element {
color: var(--tussie-mussie);
background-color: hsl(333 53% 85%);
border-color: oklch(0.863 0.051 349.4);
}Tailwind CSS v4
@theme {
--color-tussie-mussie: #edc5d7;
--color-tussie-mussie-50: #fff0f7;
--color-tussie-mussie-100: #f6e1ea;
--color-tussie-mussie-200: #e7ccd7;
--color-tussie-mussie-300: #cdadba;
--color-tussie-mussie-400: #b793a3;
--color-tussie-mussie-500: #a1798b;
--color-tussie-mussie-600: #886676;
--color-tussie-mussie-700: #6d525e;
--color-tussie-mussie-800: #503b46;
--color-tussie-mussie-900: #382930;
--color-tussie-mussie-950: #22171c;
}SCSS
$tussie-mussie: #edc5d7;
$tussie-mussie-rgb: 237, 197, 215;
$tussie-mussie-light: mix(#fff, $tussie-mussie, 20%);
$tussie-mussie-dark: mix(#000, $tussie-mussie, 20%);
.element {
color: $tussie-mussie;
box-shadow: 0 0 0 2px rgba($tussie-mussie, 0.35);
}