色名 · #9E8185
Plumville
Plumvilleは#9E8185：rgb(158 129 133)、hsl(352 13% 56%)、oklch(0.632 0.036 8.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Plumville color name →
#9E8185
oklch(0.632 0.036 8.8)
カラー変換
- HEX
- #9e8185
- RGB
- rgb(158 129 133)
- HSL
- hsl(352 13% 56%)
- HWB
- hwb(352 51% 38%)
- OKLCH
- oklch(0.632 0.036 8.8)
- OKLab
- oklab(0.632 0.036 0.006)
- CIE Lab
- lab(56.85 11.98 2.25)
- LCH
- lch(56.85 12.19 10.6)
- CMYK
- cmyk(0% 18% 16% 38%)
ティント · シェード · トーン
ティント
- A88D91
- B1999C
- BBA5A8
- C4B2B4
- CEBEC0
- D8CBCC
- E1D8D9
- EBE5E5
- F5F2F2
シェード
- 896F73
- 745E61
- 604E50
- 4D3E40
- 3A2E30
- 291F21
- 181213
- 090606
- 010101
トーン
- 9B8185
- 988184
- 958184
- 928183
- 8F8183
- 8C8182
- 898082
- 868081
- 838081
カラーハーモニー
補色 +180°
- 9E8185
Plumville
- 71918E
≈ Pool Tide
類似色 -30° +30°
- 9E8185
Plumville
- 998291
≈ Garden Plum
- 9E837A
≈ Modern Mocha
トライアド +120° +240°
- 9E8185
Plumville
- 838E77
≈ Mossy Statue
- 798C9F
≈ Blue Grey
スプリットコンプリメンタリー +150° +210°
- 9E8185
Plumville
- 789182
≈ Cyanara
- 728F99
≈ Sheltered Bay
テトラード +90° +180° +270°
- 9E8185
Plumville
- 8F8A72
≈ Executive Course
- 71918E
≈ Pool Tide
- 8488A0
≈ Mandrake
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.53:1 · APCA Lc 63
Ag
AA黒の上
WCAG 5.93:1 · APCA Lc 39
最適な文字色: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
コードスニペット
CSS
:root {
--plumville: #9e8185;
--plumville-rgb: 158 129 133;
--plumville-oklch: oklch(0.632 0.036 8.8);
}
.element {
color: var(--plumville);
background-color: hsl(352 13% 56%);
border-color: oklch(0.632 0.036 8.8);
}Tailwind CSS v4
@theme {
--color-plumville: #9e8185;
--color-plumville-50: #fff1f2;
--color-plumville-100: #f4e3e5;
--color-plumville-200: #e3ced0;
--color-plumville-300: #c9b0b3;
--color-plumville-400: #b2969a;
--color-plumville-500: #9c7d81;
--color-plumville-600: #846a6d;
--color-plumville-700: #6a5457;
--color-plumville-800: #4e3d40;
--color-plumville-900: #362a2c;
--color-plumville-950: #211819;
}SCSS
$plumville: #9e8185;
$plumville-rgb: 158, 129, 133;
$plumville-light: mix(#fff, $plumville, 20%);
$plumville-dark: mix(#000, $plumville, 20%);
.element {
color: $plumville;
box-shadow: 0 0 0 2px rgba($plumville, 0.35);
}