Màu có tên gần nhất · #91376D
#91376D
Màu có tên gần nhất: Midnight Aubergine
#91376D (rgb(145 55 109), hsl(324 45% 39%), oklch(0.48 0.136 346.4)) gần nhất với màu có tên Midnight Aubergine. 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.
#91376D
oklch(0.48 0.136 346.4)
Chuyển đổi màu
- HEX
- #91376d
- RGB
- rgb(145 55 109)
- HSL
- hsl(324 45% 39%)
- HWB
- hwb(324 22% 43%)
- OKLCH
- oklch(0.48 0.136 346.4)
- OKLab
- oklab(0.48 0.133 -0.032)
- CIE Lab
- lab(37.78 42.98 -11.52)
- LCH
- lch(37.78 44.49 345)
- CMYK
- cmyk(0% 62% 25% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9D4C7B
- A95F89
- B57397
- C086A5
- CB9AB4
- D6AEC2
- E1C2D1
- EBD6E0
- F5EAF0
Sắc đậm
- 7D2E5E
- 6A264F
- 581E41
- 461633
- 350F26
- 250819
- 15030D
- 070104
- 010001
Sắc xám
- 90406F
- 904871
- 8F5073
- 8D5775
- 8C5E77
- 8A6579
- 886C7A
- 86737C
- 83797E
Hòa sắc
Bổ túc +180°
- 91376D
Midnight Aubergine
- 006F51
≈ Natural Watercourse
Tương đồng -30° +30°
- 91376D
Midnight Aubergine
- 7B4190
≈ Cadmium Violet
- 9B3542
≈ High Drama
Bộ ba +120° +240°
- 91376D
Midnight Aubergine
- 656100
≈ Green Brown
- 006785
≈ Ansel
Bổ túc chia +150° +210°
- 91376D
Midnight Aubergine
- 356E0E
≈ Tatzelwurm Green
- 006B6D
≈ Mayan Blue
Bộ bốn +90° +180° +270°
- 91376D
Midnight Aubergine
- 7D5400
≈ Intense Brown
- 006F51
≈ Natural Watercourse
- 215CA8
≈ Miracle at Wrigley
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.06:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 2.97:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--midnight-aubergine: #91376d;
--midnight-aubergine-rgb: 145 55 109;
--midnight-aubergine-oklch: oklch(0.48 0.136 346.4);
}
.element {
color: var(--midnight-aubergine);
background-color: hsl(324 45% 39%);
border-color: oklch(0.48 0.136 346.4);
}Tailwind CSS v4
@theme {
--color-midnight-aubergine: #91376d;
--color-midnight-aubergine-50: #ffe6fc;
--color-midnight-aubergine-100: #ffd6f0;
--color-midnight-aubergine-200: #ffbdde;
--color-midnight-aubergine-300: #ec9ac3;
--color-midnight-aubergine-400: #d87baf;
--color-midnight-aubergine-500: #c45c98;
--color-midnight-aubergine-600: #a64e81;
--color-midnight-aubergine-700: #853e67;
--color-midnight-aubergine-800: #622d4d;
--color-midnight-aubergine-900: #451e36;
--color-midnight-aubergine-950: #2c0e21;
}SCSS
$midnight-aubergine: #91376d;
$midnight-aubergine-rgb: 145, 55, 109;
$midnight-aubergine-light: mix(#fff, $midnight-aubergine, 20%);
$midnight-aubergine-dark: mix(#000, $midnight-aubergine, 20%);
.element {
color: $midnight-aubergine;
box-shadow: 0 0 0 2px rgba($midnight-aubergine, 0.35);
}