色名 · #A99FCF
Imperial Lilac
Imperial Lilacは#A99FCF：rgb(169 159 207)、hsl(252 33% 72%)、oklch(0.728 0.07 294.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Imperial Lilac color name →
#A99FCF
oklch(0.728 0.07 294.2)
カラー変換
- HEX
- #a99fcf
- RGB
- rgb(169 159 207)
- HSL
- hsl(252 33% 72%)
- HWB
- hwb(252 62% 19%)
- OKLCH
- oklch(0.728 0.07 294.2)
- OKLab
- oklab(0.728 0.028 -0.063)
- CIE Lab
- lab(67.62 11.14 -23.33)
- LCH
- lch(67.62 25.85 295.5)
- CMYK
- cmyk(18% 23% 0% 19%)
ティント · シェード · トーン
ティント
- B1A8D4
- BAB2D9
- C2BBDE
- CAC5E3
- D3CEE7
- DCD8EC
- E4E2F1
- EDEBF6
- F6F5FA
シェード
- 928AB4
- 7C7599
- 67617F
- 534D67
- 3F3B4F
- 2C2938
- 1B1823
- 0A0910
- 010102
トーン
- A59CC7
- A199BF
- 9C96B7
- 9893AF
- 9490A7
- 908D9F
- 8C8997
- 888690
- 848388
カラーハーモニー
補色 +180°
- A99FCF
Imperial Lilac
- A6AC7A
≈ Cardamom
類似色 -30° +30°
- A99FCF
Imperial Lilac
- 91A7D4
≈ Foresight
- BD99C0
≈ Lupine
トライアド +120° +240°
- A99FCF
Imperial Lilac
- CA9C7E
≈ Desert Carnation
- 78B6A4
≈ Turtle Lake
スプリットコンプリメンタリー +150° +210°
- A99FCF
Imperial Lilac
- BCA474
≈ Hashibami Brown
- 8DB38C
≈ Green Bonnet
テトラード +90° +180° +270°
- A99FCF
Imperial Lilac
- CF9692
≈ Keel Joy
- A6AC7A
≈ Cardamom
- 70B4BB
≈ Sea Serenade
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.45:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.54:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--imperial-lilac: #a99fcf;
--imperial-lilac-rgb: 169 159 207;
--imperial-lilac-oklch: oklch(0.728 0.07 294.2);
}
.element {
color: var(--imperial-lilac);
background-color: hsl(252 33% 72%);
border-color: oklch(0.728 0.07 294.2);
}Tailwind CSS v4
@theme {
--color-imperial-lilac: #a99fcf;
--color-imperial-lilac-50: #f6f2ff;
--color-imperial-lilac-100: #e9e4fd;
--color-imperial-lilac-200: #d6cfef;
--color-imperial-lilac-300: #bab1d8;
--color-imperial-lilac-400: #a097c4;
--color-imperial-lilac-500: #897db0;
--color-imperial-lilac-600: #736a95;
--color-imperial-lilac-700: #5c5577;
--color-imperial-lilac-800: #433e59;
--color-imperial-lilac-900: #2e2b3e;
--color-imperial-lilac-950: #1b1827;
}SCSS
$imperial-lilac: #a99fcf;
$imperial-lilac-rgb: 169, 159, 207;
$imperial-lilac-light: mix(#fff, $imperial-lilac, 20%);
$imperial-lilac-dark: mix(#000, $imperial-lilac, 20%);
.element {
color: $imperial-lilac;
box-shadow: 0 0 0 2px rgba($imperial-lilac, 0.35);
}