最も近い色名 · #8987BC
#8987BC
最も近い色名: Magic Carpet
#8987BC（rgb(137 135 188)、hsl(242 28% 63%)、oklch(0.645 0.079 285.7)）に最も近い色名はMagic Carpetです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8987BC
oklch(0.645 0.079 285.7)
カラー変換
- HEX
- #8987bc
- RGB
- rgb(137 135 188)
- HSL
- hsl(242 28% 63%)
- HWB
- hwb(242 53% 26%)
- OKLCH
- oklch(0.645 0.079 285.7)
- OKLab
- oklab(0.645 0.021 -0.076)
- CIE Lab
- lab(58.02 9.8 -27.65)
- LCH
- lch(58.02 29.34 289.5)
- CMYK
- cmyk(27% 28% 0% 26%)
ティント · シェード · トーン
ティント
- 9493C3
- 9F9ECA
- ABAAD1
- B6B6D7
- C2C2DE
- CECEE5
- DADAEB
- E6E6F2
- F3F3F8
シェード
- 7675A3
- 64638B
- 535173
- 42415D
- 313147
- 222132
- 14131F
- 07060D
- 010102
トーン
- 8886B6
- 8786B0
- 8685AA
- 8585A4
- 84849E
- 838398
- 828292
- 82828C
- 818186
カラーハーモニー
補色 +180°
- 8987BC
Magic Carpet
- 949157
≈ Amazon Queen
類似色 -30° +30°
- 8987BC
Magic Carpet
- 6E90BD
≈ Purple Hyacinth
- A07FAF
≈ Design Delight
トライアド +120° +240°
- 8987BC
Magic Carpet
- B67F65
≈ Silken Chocolate
- 5C9D82
≈ Succulent Green
スプリットコンプリメンタリー +150° +210°
- 8987BC
Magic Carpet
- AA8756
≈ Bread Basket
- 789969
≈ Mosslands
テトラード +90° +180° +270°
- 8987BC
Magic Carpet
- B97A7E
≈ Fiesta Rojo
- 949157
≈ Amazon Queen
- 4C9D9D
≈ Coolbox Ice Turquoise
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.35:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.25:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--magic-carpet: #8987bc;
--magic-carpet-rgb: 137 135 188;
--magic-carpet-oklch: oklch(0.645 0.079 285.7);
}
.element {
color: var(--magic-carpet);
background-color: hsl(242 28% 63%);
border-color: oklch(0.645 0.079 285.7);
}Tailwind CSS v4
@theme {
--color-magic-carpet: #8987bc;
--color-magic-carpet-50: #f3f2ff;
--color-magic-carpet-100: #e6e4ff;
--color-magic-carpet-200: #d2d0f5;
--color-magic-carpet-300: #b4b2de;
--color-magic-carpet-400: #9a98cb;
--color-magic-carpet-500: #817fb8;
--color-magic-carpet-600: #6d6b9c;
--color-magic-carpet-700: #57567d;
--color-magic-carpet-800: #3f3f5d;
--color-magic-carpet-900: #2b2b41;
--color-magic-carpet-950: #19182a;
}SCSS
$magic-carpet: #8987bc;
$magic-carpet-rgb: 137, 135, 188;
$magic-carpet-light: mix(#fff, $magic-carpet, 20%);
$magic-carpet-dark: mix(#000, $magic-carpet, 20%);
.element {
color: $magic-carpet;
box-shadow: 0 0 0 2px rgba($magic-carpet, 0.35);
}