色名 · #BDA2C4
Beach Lilac
Beach Lilacは#BDA2C4：rgb(189 162 196)、hsl(288 22% 70%)、oklch(0.747 0.057 319.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Beach Lilac color name →
#BDA2C4
oklch(0.747 0.057 319.3)
カラー変換
- HEX
- #bda2c4
- RGB
- rgb(189 162 196)
- HSL
- hsl(288 22% 70%)
- HWB
- hwb(288 64% 23%)
- OKLCH
- oklch(0.747 0.057 319.3)
- OKLab
- oklab(0.747 0.043 -0.037)
- CIE Lab
- lab(69.87 14.8 -13.68)
- LCH
- lch(69.87 20.15 317.3)
- CMYK
- cmyk(4% 17% 0% 23%)
ティント · シェード · トーン
ティント
- C4ABCA
- CAB4D0
- D1BDD6
- D7C6DC
- DED0E1
- E4D9E7
- EBE2ED
- F2ECF3
- F8F5F9
シェード
- A48CAA
- 8C7791
- 746378
- 5D4F61
- 473C4A
- 332A35
- 1F1921
- 0D0A0E
- 020102
トーン
- B79FBD
- B19BB6
- AA98AF
- A494A8
- 9E91A2
- 988E9B
- 928A94
- 8C878D
- 868387
カラーハーモニー
補色 +180°
- BDA2C4
Beach Lilac
- 9BB694
≈ Brookview
類似色 -30° +30°
- BDA2C4
Beach Lilac
- ABA8CF
≈ Violet Mix
- C99FB2
≈ Damsel
トライアド +120° +240°
- BDA2C4
Beach Lilac
- C0A985
≈ Handwoven
- 82B8BB
≈ Lifeboat Blue
スプリットコンプリメンタリー +150° +210°
- BDA2C4
Beach Lilac
- AFB087
≈ Daddy-O
- 8AB9A7
≈ Lichen
テトラード +90° +180° +270°
- BDA2C4
Beach Lilac
- CBA38E
≈ Sombrero Tan
- 9BB694
≈ Brookview
- 88B4CA
≈ Batch Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.30:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.12:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.12:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--beach-lilac: #bda2c4;
--beach-lilac-rgb: 189 162 196;
--beach-lilac-oklch: oklch(0.747 0.057 319.3);
}
.element {
color: var(--beach-lilac);
background-color: hsl(288 22% 70%);
border-color: oklch(0.747 0.057 319.3);
}Tailwind CSS v4
@theme {
--color-beach-lilac: #bda2c4;
--color-beach-lilac-50: #fdf0ff;
--color-beach-lilac-100: #f1e2f4;
--color-beach-lilac-200: #e0cde3;
--color-beach-lilac-300: #c5aec9;
--color-beach-lilac-400: #ad94b4;
--color-beach-lilac-500: #977a9e;
--color-beach-lilac-600: #806886;
--color-beach-lilac-700: #66536b;
--color-beach-lilac-800: #4a3c4f;
--color-beach-lilac-900: #342937;
--color-beach-lilac-950: #1f1722;
}SCSS
$beach-lilac: #bda2c4;
$beach-lilac-rgb: 189, 162, 196;
$beach-lilac-light: mix(#fff, $beach-lilac, 20%);
$beach-lilac-dark: mix(#000, $beach-lilac, 20%);
.element {
color: $beach-lilac;
box-shadow: 0 0 0 2px rgba($beach-lilac, 0.35);
}