色名 · #AD969D
Legendary Lilac
Legendary Lilacは#AD969D：rgb(173 150 157)、hsl(342 12% 63%)、oklch(0.696 0.029 357.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Legendary Lilac color name →
#AD969D
oklch(0.696 0.029 357.6)
カラー変換
- HEX
- #ad969d
- RGB
- rgb(173 150 157)
- HSL
- hsl(342 12% 63%)
- HWB
- hwb(342 59% 32%)
- OKLCH
- oklch(0.696 0.029 357.6)
- OKLab
- oklab(0.696 0.029 -0.001)
- CIE Lab
- lab(64.33 9.72 -0.37)
- LCH
- lch(64.33 9.73 357.8)
- CMYK
- cmyk(0% 13% 9% 32%)
ティント · シェード · トーン
ティント
- B5A0A6
- BDAAB0
- C5B4B9
- CDBFC3
- D6C9CD
- DED4D7
- E6DFE1
- EEE9EB
- F7F4F5
シェード
- 968288
- 7F6E73
- 6A5B5F
- 55494C
- 41373A
- 2D2628
- 1B1618
- 0B0809
- 010101
トーン
- A8949A
- A49297
- 9F8F94
- 9B8D91
- 968B8E
- 92898B
- 8D8789
- 898486
- 848283
カラーハーモニー
補色 +180°
- AD969D
Legendary Lilac
- 8BA39D
≈ Morning Blue
類似色 -30° +30°
- AD969D
Legendary Lilac
- A797A6
≈ Windsor Haze
- AF9793
≈ Lavenbrun
トライアド +120° +240°
- AD969D
Legendary Lilac
- 9BA08C
≈ Bitter Sage
- 8DA0AD
≈ Qiān Hūi Grey
スプリットコンプリメンタリー +150° +210°
- AD969D
Legendary Lilac
- 92A293
≈ Mountain Moss
- 89A3A6
≈ Iron Earth
テトラード +90° +180° +270°
- AD969D
Legendary Lilac
- A59C89
≈ City Loft
- 8BA39D
≈ Morning Blue
- 959DB0
≈ Screen Test
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.75:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.62:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--legendary-lilac: #ad969d;
--legendary-lilac-rgb: 173 150 157;
--legendary-lilac-oklch: oklch(0.696 0.029 357.6);
}
.element {
color: var(--legendary-lilac);
background-color: hsl(342 12% 63%);
border-color: oklch(0.696 0.029 357.6);
}Tailwind CSS v4
@theme {
--color-legendary-lilac: #ad969d;
--color-legendary-lilac-50: #fdf2f5;
--color-legendary-lilac-100: #f1e4e7;
--color-legendary-lilac-200: #e0cfd4;
--color-legendary-lilac-300: #c5b2b7;
--color-legendary-lilac-400: #ae989e;
--color-legendary-lilac-500: #977f86;
--color-legendary-lilac-600: #806b71;
--color-legendary-lilac-700: #66565b;
--color-legendary-lilac-800: #4b3e43;
--color-legendary-lilac-900: #342b2e;
--color-legendary-lilac-950: #1f181b;
}SCSS
$legendary-lilac: #ad969d;
$legendary-lilac-rgb: 173, 150, 157;
$legendary-lilac-light: mix(#fff, $legendary-lilac, 20%);
$legendary-lilac-dark: mix(#000, $legendary-lilac, 20%);
.element {
color: $legendary-lilac;
box-shadow: 0 0 0 2px rgba($legendary-lilac, 0.35);
}