Màu có tên gần nhất · #BAA6F8
#BAA6F8
Màu có tên gần nhất: Diva
#BAA6F8 (rgb(186 166 248), hsl(255 85% 81%), oklch(0.773 0.117 294.7)) gần nhất với màu có tên Diva. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#BAA6F8
oklch(0.773 0.117 294.7)
Chuyển đổi màu
- HEX
- #baa6f8
- RGB
- rgb(186 166 248)
- HSL
- hsl(255 85% 81%)
- HWB
- hwb(255 65% 3%)
- OKLCH
- oklch(0.773 0.117 294.7)
- OKLab
- oklab(0.773 0.049 -0.106)
- CIE Lab
- lab(72.2 20.27 -38.54)
- LCH
- lch(72.2 43.54 297.7)
- CMYK
- cmyk(25% 33% 0% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C1AFF9
- C7B8FA
- CEC1FB
- D5CAFC
- DCD3FD
- E2DCFE
- E9E4FE
- F1EDFF
- F8F6FF
Sắc đậm
- A190D8
- 897AB8
- 72659A
- 5C517C
- 463E60
- 322B45
- 1E1A2C
- 0D0A15
- 020103
Sắc xám
- B4A2EC
- AE9FDF
- A89BD3
- A297C7
- 9C94BB
- 9690AF
- 918CA3
- 8B8898
- 85848C
Hòa sắc
Bổ túc +180°
- BAA6F8
Diva
- B3BE63
≈ Light Olive
Tương đồng -30° +30°
- BAA6F8
Diva
- 91B4FF
≈ Carolina Blue
- DB9BDE
≈ Herb Robert
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- BAA6F8
Diva
- D8AF57
≈ Golden Cricket
- 85C986
≈ De York
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.12:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.89:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.89:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--diva: #baa6f8;
--diva-rgb: 186 166 248;
--diva-oklch: oklch(0.773 0.117 294.7);
}
.element {
color: var(--diva);
background-color: hsl(255 85% 81%);
border-color: oklch(0.773 0.117 294.7);
}Tailwind CSS v4
@theme {
--color-diva: #baa6f8;
--color-diva-50: #f8efff;
--color-diva-100: #ebe1ff;
--color-diva-200: #d9cbff;
--color-diva-300: #bdabec;
--color-diva-400: #a390dc;
--color-diva-500: #8c75cb;
--color-diva-600: #7663ab;
--color-diva-700: #5f4f8a;
--color-diva-800: #443a67;
--color-diva-900: #2f2848;
--color-diva-950: #1c152f;
}SCSS
$diva: #baa6f8;
$diva-rgb: 186, 166, 248;
$diva-light: mix(#fff, $diva, 20%);
$diva-dark: mix(#000, $diva, 20%);
.element {
color: $diva;
box-shadow: 0 0 0 2px rgba($diva, 0.35);
}