色名 · #A9959F
Metamorphosis
Metamorphosisは#A9959F：rgb(169 149 159)、hsl(330 10% 62%)、oklch(0.691 0.027 346.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Metamorphosis color name →
#A9959F
oklch(0.691 0.027 346.2)
カラー変換
- HEX
- #a9959f
- RGB
- rgb(169 149 159)
- HSL
- hsl(330 10% 62%)
- HWB
- hwb(330 58% 34%)
- OKLCH
- oklch(0.691 0.027 346.2)
- OKLab
- oklab(0.691 0.027 -0.007)
- CIE Lab
- lab(63.73 8.99 -2.41)
- LCH
- lch(63.73 9.31 345)
- CMYK
- cmyk(0% 12% 6% 34%)
ティント · シェード · トーン
ティント
- B19FA8
- BAA9B2
- C2B4BB
- CBBEC4
- D3C9CE
- DCD3D8
- E5DEE1
- EDE9EB
- F6F4F5
シェード
- 92818A
- 7C6D75
- 675A61
- 53484D
- 3F373B
- 2C2629
- 1B1618
- 0A0809
- 010101
トーン
- A5939C
- A19199
- 9D8F96
- 998D92
- 948A8F
- 90888C
- 8C8689
- 888486
- 848283
カラーハーモニー
補色 +180°
- A9959F
Metamorphosis
- 8CA198
≈ Kathleen’s Garden
類似色 -30° +30°
- A9959F
Metamorphosis
- A297A7
≈ Windsor Haze
- AC9596
≈ Heirloom Quilt
トライアド +120° +240°
- A9959F
Metamorphosis
- 9D9D8A
≈ Milk Thistle
- 8A9FA9
≈ Symphony of Blue
スプリットコンプリメンタリー +150° +210°
- A9959F
Metamorphosis
- 94A08F
≈ Pewter
- 89A1A1
≈ Aqua Smoke
テトラード +90° +180° +270°
- A9959F
Metamorphosis
- A69A89
≈ Warm Stone
- 8CA198
≈ Kathleen’s Garden
- 919DAD
≈ Blue Heeler
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.48:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--metamorphosis: #a9959f;
--metamorphosis-rgb: 169 149 159;
--metamorphosis-oklch: oklch(0.691 0.027 346.2);
}
.element {
color: var(--metamorphosis);
background-color: hsl(330 10% 62%);
border-color: oklch(0.691 0.027 346.2);
}Tailwind CSS v4
@theme {
--color-metamorphosis: #a9959f;
--color-metamorphosis-50: #fcf2f6;
--color-metamorphosis-100: #efe4e9;
--color-metamorphosis-200: #ded0d6;
--color-metamorphosis-300: #c3b2ba;
--color-metamorphosis-400: #ab98a2;
--color-metamorphosis-500: #947f8a;
--color-metamorphosis-600: #7e6c75;
--color-metamorphosis-700: #65565d;
--color-metamorphosis-800: #4a3f45;
--color-metamorphosis-900: #332b2f;
--color-metamorphosis-950: #1f181c;
}SCSS
$metamorphosis: #a9959f;
$metamorphosis-rgb: 169, 149, 159;
$metamorphosis-light: mix(#fff, $metamorphosis, 20%);
$metamorphosis-dark: mix(#000, $metamorphosis, 20%);
.element {
color: $metamorphosis;
box-shadow: 0 0 0 2px rgba($metamorphosis, 0.35);
}