Nazwany kolor · #D00172
Moth Orchid
Moth Orchid to #D00172: rgb(208 1 114), hsl(327 99% 41%), oklch(0.557 0.226 358.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Moth Orchid color name →
#D00172
oklch(0.557 0.226 358.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8387F
- E0548D
- E66C9A
- EC82A8
- F298B6
- F6ADC4
- FAC1D3
- FCD6E1
- FEEAF0
Odcienie ciemniejsze
- B50162
- 9A0153
- 800044
- 670036
- 4F0028
- 39001B
- 23000E
- 100004
- 020001
Tony
- CA2773
- C43975
- BD4776
- B65278
- AE5B79
- A6647A
- 9E6B7C
- 95737D
- 8B7A7F
Harmonie kolorów
Komplementarna +180°
- D00172
Moth Orchid
- 008774
≈ Summer Turquoise
Analogowa -30° +30°
- D00172
Moth Orchid
- B529B4
≈ Fuchsia Flair
- D9050D
≈ Redsurrection
Triada +120° +240°
- D00172
Moth Orchid
- 6D7D00
≈ Topiary Garden
- 007CB4
≈ Artesian Water
Komplementarna rozszczepiona +150° +210°
- D00172
Moth Orchid
- 008C38
≈ Cold Green
- 008391
≈ True Teal
Tetrada +90° +180° +270°
- D00172
Moth Orchid
- 8F6F00
≈ Vermin Brown
- 008774
≈ Summer Turquoise
- 3F5FF5
≈ Secret of Mana
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.34:1 · APCA Lc 74
Ag
FailNa czerni
WCAG 3.92:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.34:1 (AA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
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);
}