En yakın adlandırılmış renk · #D381AF
#D381AF
En yakın adlandırılmış renk: Moonlight Mauve
#D381AF (rgb(211 129 175), hsl(326 48% 67%), oklch(0.704 0.116 345.8)) en çok Moonlight Mauve adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D381AF
oklch(0.704 0.116 345.8)
Renk dönüşümleri
- HEX
- #d381af
- RGB
- rgb(211 129 175)
- HSL
- hsl(326 48% 67%)
- HWB
- hwb(326 51% 17%)
- OKLCH
- oklch(0.704 0.116 345.8)
- OKLab
- oklab(0.704 0.112 -0.028)
- CIE Lab
- lab(64.02 37.05 -10.35)
- LCH
- lch(64.02 38.47 344.4)
- CMYK
- cmyk(0% 39% 17% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D88EB7
- DD9ABF
- E2A7C7
- E7B3CF
- EBC0D6
- F0CCDF
- F4D9E7
- F8E6EF
- FCF2F7
Koyu tonlar
- B76F98
- 9C5E81
- 824E6B
- 693E56
- 512E41
- 3A1F2E
- 24121C
- 10060B
- 020101
Gri tonlar
- CB81AA
- C382A5
- BB82A1
- B3829C
- AA8297
- A28293
- 9A818E
- 918189
- 898185
Renk uyumları
Tamamlayıcı +180°
- D381AF
Moonlight Mauve
- 4BB68E
≈ Blue Green Scene
Analog -30° +30°
- D381AF
Moonlight Mauve
- BB89D0
≈ Pale Purple
- DE8087
≈ Pulp
Üçlü +120° +240°
- D381AF
Moonlight Mauve
- A9A446
≈ Camo Green
- 3BAED6
≈ Highlighter Blue
Bölünmüş tamamlayıcı +150° +210°
- D381AF
Moonlight Mauve
- 7EB065
≈ Soon to Be Hay
- 1BB5B7
≈ Cyan Sky
Dörtlü +90° +180° +270°
- D381AF
Moonlight Mauve
- C99544
≈ Nattō
- 4BB68E
≈ Blue Green Scene
- 6EA2E7
≈ Greek Sea
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.52:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--moonlight-mauve: #d381af;
--moonlight-mauve-rgb: 211 129 175;
--moonlight-mauve-oklch: oklch(0.704 0.116 345.8);
}
.element {
color: var(--moonlight-mauve);
background-color: hsl(326 48% 67%);
border-color: oklch(0.704 0.116 345.8);
}Tailwind CSS v4
@theme {
--color-moonlight-mauve: #d381af;
--color-moonlight-mauve-50: #ffe8fb;
--color-moonlight-mauve-100: #ffd9ef;
--color-moonlight-mauve-200: #fbc1dd;
--color-moonlight-mauve-300: #e49fc2;
--color-moonlight-mauve-400: #d082ad;
--color-moonlight-mauve-500: #bc6497;
--color-moonlight-mauve-600: #9e557f;
--color-moonlight-mauve-700: #7f4466;
--color-moonlight-mauve-800: #5e314c;
--color-moonlight-mauve-900: #422135;
--color-moonlight-mauve-950: #2a1020;
}SCSS
$moonlight-mauve: #d381af;
$moonlight-mauve-rgb: 211, 129, 175;
$moonlight-mauve-light: mix(#fff, $moonlight-mauve, 20%);
$moonlight-mauve-dark: mix(#000, $moonlight-mauve, 20%);
.element {
color: $moonlight-mauve;
box-shadow: 0 0 0 2px rgba($moonlight-mauve, 0.35);
}