Colore con nome · #D00172
Moth Orchid
Moth Orchid è #D00172: rgb(208 1 114), hsl(327 99% 41%), oklch(0.557 0.226 358.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Moth Orchid color name →
#D00172
oklch(0.557 0.226 358.4)
Conversioni di colore
- HEX
- #d00172
- RGB
- rgb(208 1 114)
- HSL
- hsl(327 99% 41%)
- HWB
- hwb(327 0% 18%)
- OKLCH
- oklch(0.557 0.226 358.4)
- OKLab
- oklab(0.557 0.226 -0.006)
- CIE Lab
- lab(45.74 72.4 -1.29)
- LCH
- lch(45.74 72.41 359)
- CMYK
- cmyk(0% 100% 45% 18%)
Tinte · Ombre · Toni
Tinte
- D8387F
- E0548D
- E66C9A
- EC82A8
- F298B6
- F6ADC4
- FAC1D3
- FCD6E1
- FEEAF0
Ombre
- B50162
- 9A0153
- 800044
- 670036
- 4F0028
- 39001B
- 23000E
- 100004
- 020001
Toni
- CA2773
- C43975
- BD4776
- B65278
- AE5B79
- A6647A
- 9E6B7C
- 95737D
- 8B7A7F
Armonie di colore
Complementare +180°
- D00172
Moth Orchid
- 008774
≈ Summer Turquoise
Analogo -30° +30°
- D00172
Moth Orchid
- B529B4
≈ Fuchsia Flair
- D9050D
≈ Redsurrection
Triadico +120° +240°
- D00172
Moth Orchid
- 6D7D00
≈ Topiary Garden
- 007CB4
≈ Artesian Water
Complementare divisa +150° +210°
- D00172
Moth Orchid
- 008C38
≈ Cold Green
- 008391
≈ True Teal
Tetradico +90° +180° +270°
- D00172
Moth Orchid
- 8F6F00
≈ Vermin Brown
- 008774
≈ Summer Turquoise
- 3F5FF5
≈ Secret of Mana
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.34:1 · APCA Lc 74
Ag
FailSu nero
WCAG 3.92:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 5.34:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--moth-orchid: #d00172;
--moth-orchid-rgb: 208 1 114;
--moth-orchid-oklch: oklch(0.557 0.226 358.4);
}
.element {
color: var(--moth-orchid);
background-color: hsl(327 99% 41%);
border-color: oklch(0.557 0.226 358.4);
}Tailwind CSS v4
@theme {
--color-moth-orchid: #d00172;
--color-moth-orchid-50: #ffdbf2;
--color-moth-orchid-100: #ffc8e4;
--color-moth-orchid-200: #ffa9cf;
--color-moth-orchid-300: #ff7fb2;
--color-moth-orchid-400: #ff559d;
--color-moth-orchid-500: #ef0b84;
--color-moth-orchid-600: #ca1470;
--color-moth-orchid-700: #a2125a;
--color-moth-orchid-800: #790a44;
--color-moth-orchid-900: #55072f;
--color-moth-orchid-950: #39001c;
}SCSS
$moth-orchid: #d00172;
$moth-orchid-rgb: 208, 1, 114;
$moth-orchid-light: mix(#fff, $moth-orchid, 20%);
$moth-orchid-dark: mix(#000, $moth-orchid, 20%);
.element {
color: $moth-orchid;
box-shadow: 0 0 0 2px rgba($moth-orchid, 0.35);
}