最も近い色名 · #B48BCD
#B48BCD
最も近い色名: Fleur-De-Lis
#B48BCD（rgb(180 139 205)、hsl(277 40% 67%)、oklch(0.699 0.104 312.1)）に最も近い色名はFleur-De-Lisです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B48BCD
oklch(0.699 0.104 312.1)
カラー変換
- HEX
- #b48bcd
- RGB
- rgb(180 139 205)
- HSL
- hsl(277 40% 67%)
- HWB
- hwb(277 55% 20%)
- OKLCH
- oklch(0.699 0.104 312.1)
- OKLab
- oklab(0.699 0.07 -0.077)
- CIE Lab
- lab(63.64 25.14 -28.17)
- LCH
- lch(63.64 37.76 311.8)
- CMYK
- cmyk(12% 32% 0% 20%)
ティント · シェード · トーン
ティント
- BB96D2
- C3A2D7
- CAADDD
- D2B9E2
- D9C4E7
- E1D0EC
- E8DCF1
- F0E7F5
- F7F3FA
シェード
- 9C78B2
- 856698
- 6E547E
- 584366
- 44324E
- 302338
- 1D1423
- 0C070F
- 020102
トーン
- AF8AC5
- A989BE
- A488B6
- 9F87AE
- 9A86A6
- 95859F
- 8F8497
- 8A838F
- 858188
カラーハーモニー
補色 +180°
- B48BCD
Fleur-De-Lis
- 86AC67
≈ Celuce
類似色 -30° +30°
- B48BCD
Fleur-De-Lis
- 9496DD
≈ Portage
- CB84B0
≈ Moonlight Mauve
トライアド +120° +240°
- B48BCD
Fleur-De-Lis
- C69351
≈ Caramel Crumb
- 3AB2AF
≈ Verdigris
スプリットコンプリメンタリー +150° +210°
- B48BCD
Fleur-De-Lis
- ABA14F
≈ Queen Palm
- 5BB28A
≈ Aruba Green
テトラード +90° +180° +270°
- B48BCD
Fleur-De-Lis
- D5886A
≈ King Salmon
- 86AC67
≈ Celuce
- 46ACCC
≈ Maximum Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.51:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--fleur-de-lis: #b48bcd;
--fleur-de-lis-rgb: 180 139 205;
--fleur-de-lis-oklch: oklch(0.699 0.104 312.1);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(277 40% 67%);
border-color: oklch(0.699 0.104 312.1);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b48bcd;
--color-fleur-de-lis-50: #ffedff;
--color-fleur-de-lis-100: #f5deff;
--color-fleur-de-lis-200: #e5c8f4;
--color-fleur-de-lis-300: #cba8dd;
--color-fleur-de-lis-400: #b38ccb;
--color-fleur-de-lis-500: #9d71b8;
--color-fleur-de-lis-600: #85609b;
--color-fleur-de-lis-700: #6b4c7d;
--color-fleur-de-lis-800: #4d385d;
--color-fleur-de-lis-900: #362641;
--color-fleur-de-lis-950: #21142a;
}SCSS
$fleur-de-lis: #b48bcd;
$fleur-de-lis-rgb: 180, 139, 205;
$fleur-de-lis-light: mix(#fff, $fleur-de-lis, 20%);
$fleur-de-lis-dark: mix(#000, $fleur-de-lis, 20%);
.element {
color: $fleur-de-lis;
box-shadow: 0 0 0 2px rgba($fleur-de-lis, 0.35);
}