色名 · #C6BABE
Mulberry Stain
Mulberry Stainは#C6BABE：rgb(198 186 190)、hsl(340 10% 75%)、oklch(0.8 0.015 355.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Mulberry Stain color name →
#C6BABE
oklch(0.8 0.015 355.1)
カラー変換
- HEX
- #c6babe
- RGB
- rgb(198 186 190)
- HSL
- hsl(340 10% 75%)
- HWB
- hwb(340 73% 22%)
- OKLCH
- oklch(0.8 0.015 355.1)
- OKLab
- oklab(0.8 0.015 -0.001)
- CIE Lab
- lab(76.61 4.91 -0.43)
- LCH
- lch(76.61 4.93 355)
- CMYK
- cmyk(0% 6% 4% 22%)
ティント · シェード · トーン
ティント
- CCC1C4
- D1C7CB
- D7CED1
- DDD5D8
- E2DCDE
- E8E3E5
- EEEAEB
- F3F1F2
- F9F8F8
シェード
- ACA1A5
- 92898C
- 7A7275
- 625C5E
- 4B4648
- 353233
- 211E1F
- 0E0D0D
- 020202
トーン
- BFB4B8
- B8AEB1
- B0A8AB
- A9A2A5
- A29D9E
- 9B9798
- 949192
- 8E8B8C
- 878686
カラーハーモニー
補色 +180°
- C6BABE
Mulberry Stain
- B5C1BD
≈ Patina Grey
類似色 -30° +30°
- C6BABE
Mulberry Stain
- C3BBC3
≈ Lace Wisteria
- C7BAB9
≈ Studio Mauve
トライアド +120° +240°
- C6BABE
Mulberry Stain
- BDBFB4
≈ Light Year
- B5BFC6
≈ Winter Wonderland
スプリットコンプリメンタリー +150° +210°
- C6BABE
Mulberry Stain
- B8C0B8
≈ Pumice
- B4C1C2
≈ Jolene
テトラード +90° +180° +270°
- C6BABE
Mulberry Stain
- C2BDB3
≈ Roycroft Mist Grey
- B5C1BD
≈ Patina Grey
- B9BEC7
≈ Blue Rinse
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.88:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 11.16:1 · APCA Lc 67
最適な文字色: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
コードスニペット
CSS
:root {
--mulberry-stain: #c6babe;
--mulberry-stain-rgb: 198 186 190;
--mulberry-stain-oklch: oklch(0.8 0.015 355.1);
}
.element {
color: var(--mulberry-stain);
background-color: hsl(340 10% 75%);
border-color: oklch(0.8 0.015 355.1);
}Tailwind CSS v4
@theme {
--color-mulberry-stain: #c6babe;
--color-mulberry-stain-50: #f9f3f5;
--color-mulberry-stain-100: #ece6e8;
--color-mulberry-stain-200: #dad2d4;
--color-mulberry-stain-300: #beb4b7;
--color-mulberry-stain-400: #a69b9f;
--color-mulberry-stain-500: #8f8286;
--color-mulberry-stain-600: #796e72;
--color-mulberry-stain-700: #61585b;
--color-mulberry-stain-800: #474043;
--color-mulberry-stain-900: #312c2e;
--color-mulberry-stain-950: #1d191b;
}SCSS
$mulberry-stain: #c6babe;
$mulberry-stain-rgb: 198, 186, 190;
$mulberry-stain-light: mix(#fff, $mulberry-stain, 20%);
$mulberry-stain-dark: mix(#000, $mulberry-stain, 20%);
.element {
color: $mulberry-stain;
box-shadow: 0 0 0 2px rgba($mulberry-stain, 0.35);
}