Màu có tên gần nhất · #CBB8E2
#CBB8E2
Màu có tên gần nhất: Viking Diva
#CBB8E2 (rgb(203 184 226), hsl(267 42% 80%), oklch(0.812 0.062 305.6)) gần nhất với màu có tên Viking 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.
#CBB8E2
oklch(0.812 0.062 305.6)
Chuyển đổi màu
- HEX
- #cbb8e2
- RGB
- rgb(203 184 226)
- HSL
- hsl(267 42% 80%)
- HWB
- hwb(267 72% 11%)
- OKLCH
- oklch(0.812 0.062 305.6)
- OKLab
- oklab(0.812 0.036 -0.05)
- CIE Lab
- lab(77.44 12.88 -18.55)
- LCH
- lch(77.44 22.58 304.8)
- CMYK
- cmyk(10% 19% 0% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D0BFE5
- D5C6E8
- DACDEB
- E0D4EE
- E5DBF1
- EAE2F4
- EFE9F7
- F4F1F9
- FAF8FC
Sắc đậm
- B0A0C4
- 9688A8
- 7D718C
- 655B71
- 4D4557
- 37313E
- 221E27
- 0F0C12
- 020203
Sắc xám
- C3B2D8
- BCADCE
- B4A7C4
- ACA1BA
- A59CB0
- 9D96A6
- 96919D
- 8E8B93
- 878589
Hòa sắc
Bổ túc +180°
- CBB8E2
Viking Diva
- B8C99E
≈ Sprout
Tương đồng -30° +30°
- CBB8E2
Viking Diva
- B6BFEA
≈ Larkspur Bud
- DCB3D1
≈ Purple Poodle
Bộ ba +120° +240°
- CBB8E2
Viking Diva
- DEBA98
≈ Cane Sugar Glaze
- 94CFC7
≈ Tropical Holiday
Bổ túc chia +150° +210°
- CBB8E2
Viking Diva
- CDC295
≈ Hippolyta
- A2CEB1
≈ Retro Mint
Bộ bốn +90° +180° +270°
- CBB8E2
Viking Diva
- E6B4A7
≈ City of Pink Angels
- B8C99E
≈ Sprout
- 94CCDB
≈ Blue Stream
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.82:1 · APCA Lc 34
Ag
AAATrên nền đen
WCAG 11.49:1 · APCA Lc 68
Màu chữ tốt nhất: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
Đoạn mã
CSS
:root {
--viking-diva: #cbb8e2;
--viking-diva-rgb: 203 184 226;
--viking-diva-oklch: oklch(0.812 0.062 305.6);
}
.element {
color: var(--viking-diva);
background-color: hsl(267 42% 80%);
border-color: oklch(0.812 0.062 305.6);
}Tailwind CSS v4
@theme {
--color-viking-diva: #cbb8e2;
--color-viking-diva-50: #faf1ff;
--color-viking-diva-100: #ede3f8;
--color-viking-diva-200: #dbcee9;
--color-viking-diva-300: #c0b0d0;
--color-viking-diva-400: #a796bc;
--color-viking-diva-500: #907ca7;
--color-viking-diva-600: #7a698d;
--color-viking-diva-700: #615471;
--color-viking-diva-800: #473d54;
--color-viking-diva-900: #312a3b;
--color-viking-diva-950: #1d1825;
}SCSS
$viking-diva: #cbb8e2;
$viking-diva-rgb: 203, 184, 226;
$viking-diva-light: mix(#fff, $viking-diva, 20%);
$viking-diva-dark: mix(#000, $viking-diva, 20%);
.element {
color: $viking-diva;
box-shadow: 0 0 0 2px rgba($viking-diva, 0.35);
}