Màu có tên gần nhất · #920060
#920060
Màu có tên gần nhất: 8 Bit Eggplant
#920060 (rgb(146 0 96), hsl(321 100% 29%), oklch(0.436 0.182 349.4)) gần nhất với màu có tên 8 Bit Eggplant. 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.
#920060
oklch(0.436 0.182 349.4)
Chuyển đổi màu
- HEX
- #920060
- RGB
- rgb(146 0 96)
- HSL
- hsl(321 100% 29%)
- HWB
- hwb(321 0% 43%)
- OKLCH
- oklch(0.436 0.182 349.4)
- OKLab
- oklab(0.436 0.179 -0.033)
- CIE Lab
- lab(32.04 57 -11.84)
- LCH
- lch(32.04 58.22 348.3)
- CMYK
- cmyk(0% 100% 34% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9F2D6F
- AC477E
- B95F8D
- C4769D
- CF8CAC
- DAA3BD
- E4BACD
- EED1DD
- F7E8EE
Sắc đậm
- 7E0052
- 6B0045
- 580038
- 46002C
- 350020
- 250015
- 16000A
- 080003
- 010000
Sắc xám
- 921E63
- 922F66
- 913C6A
- 90476D
- 8F5170
- 8D5B73
- 8B6577
- 886E7A
- 84777D
Hòa sắc
Bổ túc +180°
- 920060
8 Bit Eggplant
- 006049
≈ Sci-Fi Takeout
Tương đồng -30° +30°
- 920060
8 Bit Eggplant
- 7A1E8E
≈ Orb of Discord
- 9B0027
≈ Succubus
Bộ ba +120° +240°
- 920060
8 Bit Eggplant
- 555500
≈ Douro
- 005977
≈ Ink Blue
Bổ túc chia +150° +210°
- 920060
8 Bit Eggplant
- 1D6200
≈ Thuja Green
- 005D61
≈ Enamelled Jewel
Bộ bốn +90° +180° +270°
- 920060
8 Bit Eggplant
- 6B4A00
≈ Antique Bronze
- 006049
≈ Sci-Fi Takeout
- 0049AE
≈ Soulstone Blue
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.78:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.39:1 · APCA Lc 14
Màu chữ tốt nhất: #FFFFFF
WCAG 8.78:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--color-8-bit-eggplant: #920060;
--color-8-bit-eggplant-rgb: 146 0 96;
--color-8-bit-eggplant-oklch: oklch(0.436 0.182 349.4);
}
.element {
color: var(--color-8-bit-eggplant);
background-color: hsl(321 100% 29%);
border-color: oklch(0.436 0.182 349.4);
}Tailwind CSS v4
@theme {
--color-color-8-bit-eggplant: #920060;
--color-color-8-bit-eggplant-50: #ffe0fb;
--color-color-8-bit-eggplant-100: #ffcfef;
--color-color-8-bit-eggplant-200: #ffb4dd;
--color-color-8-bit-eggplant-300: #fd8ec2;
--color-color-8-bit-eggplant-400: #ea6bae;
--color-color-8-bit-eggplant-500: #d84498;
--color-color-8-bit-eggplant-600: #b63b81;
--color-color-8-bit-eggplant-700: #922f67;
--color-color-8-bit-eggplant-800: #6c214e;
--color-color-8-bit-eggplant-900: #4c1636;
--color-color-8-bit-eggplant-950: #320621;
}SCSS
$color-8-bit-eggplant: #920060;
$color-8-bit-eggplant-rgb: 146, 0, 96;
$color-8-bit-eggplant-light: mix(#fff, $color-8-bit-eggplant, 20%);
$color-8-bit-eggplant-dark: mix(#000, $color-8-bit-eggplant, 20%);
.element {
color: $color-8-bit-eggplant;
box-shadow: 0 0 0 2px rgba($color-8-bit-eggplant, 0.35);
}