色名 · #D891EF
Bright Lilac
Bright Lilacは#D891EF：rgb(216 145 239)、hsl(285 75% 75%)、oklch(0.761 0.15 317.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Bright Lilac color name →
#D891EF
oklch(0.761 0.15 317.6)
カラー変換
- HEX
- #d891ef
- RGB
- rgb(216 145 239)
- HSL
- hsl(285 75% 75%)
- HWB
- hwb(285 57% 6%)
- OKLCH
- oklch(0.761 0.15 317.6)
- OKLab
- oklab(0.761 0.111 -0.101)
- CIE Lab
- lab(70.04 39.21 -36.69)
- LCH
- lch(70.04 53.7 316.9)
- CMYK
- cmyk(10% 39% 0% 6%)
ティント · シェード · トーン
ティント
- DC9CF1
- E0A8F3
- E5B3F5
- E9BEF7
- ECC9F8
- F0D4FA
- F4DEFB
- F8E9FD
- FBF4FE
シェード
- BC7DD0
- A06AB1
- 855894
- 6B4678
- 53355C
- 3B2542
- 25152A
- 110714
- 020103
トーン
- CF90E4
- C68FD8
- BD8DCD
- B58CC2
- AC8AB7
- A388AC
- 9A86A1
- 918496
- 89828B
カラーハーモニー
補色 +180°
- D891EF
Bright Lilac
- 80C765
≈ Energise
類似色 -30° +30°
- D891EF
Bright Lilac
- ADA3FF
≈ Shy Moment
- F587C3
≈ Bubblegum Beam
トライアド +120° +240°
- D891EF
Bright Lilac
- E5A324
≈ Orange Sulphur
- 00CACE
≈ Tilla Kari Mosque
スプリットコンプリメンタリー +150° +210°
- D891EF
Bright Lilac
- BCB72E
≈ Lively Lime
- 1ECF9E
≈ Dark Shamrock
テトラード +90° +180° +270°
- D891EF
Bright Lilac
- FD9157
≈ Umezome Pink
- 80C765
≈ Energise
- 00C2FA
≈ Spiro Disco Ball
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.27:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.21:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--bright-lilac: #d891ef;
--bright-lilac-rgb: 216 145 239;
--bright-lilac-oklch: oklch(0.761 0.15 317.6);
}
.element {
color: var(--bright-lilac);
background-color: hsl(285 75% 75%);
border-color: oklch(0.761 0.15 317.6);
}Tailwind CSS v4
@theme {
--color-bright-lilac: #d891ef;
--color-bright-lilac-50: #ffe8ff;
--color-bright-lilac-100: #ffd8ff;
--color-bright-lilac-200: #f1c0fd;
--color-bright-lilac-300: #d99ee7;
--color-bright-lilac-400: #c280d8;
--color-bright-lilac-500: #ae61c6;
--color-bright-lilac-600: #9353a7;
--color-bright-lilac-700: #764286;
--color-bright-lilac-800: #563065;
--color-bright-lilac-900: #3c2047;
--color-bright-lilac-950: #260f2e;
}SCSS
$bright-lilac: #d891ef;
$bright-lilac-rgb: 216, 145, 239;
$bright-lilac-light: mix(#fff, $bright-lilac, 20%);
$bright-lilac-dark: mix(#000, $bright-lilac, 20%);
.element {
color: $bright-lilac;
box-shadow: 0 0 0 2px rgba($bright-lilac, 0.35);
}