Màu có tên gần nhất · #9E7B97
#9E7B97
Màu có tên gần nhất: Amorous
#9E7B97 (rgb(158 123 151), hsl(312 15% 55%), oklch(0.626 0.058 333.3)) gần nhất với màu có tên Amorous. 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.
#9E7B97
oklch(0.626 0.058 333.3)
Chuyển đổi màu
- HEX
- #9e7b97
- RGB
- rgb(158 123 151)
- HSL
- hsl(312 15% 55%)
- HWB
- hwb(312 48% 38%)
- OKLCH
- oklch(0.626 0.058 333.3)
- OKLab
- oklab(0.626 0.052 -0.026)
- CIE Lab
- lab(55.77 17.62 -9.69)
- LCH
- lch(55.77 20.11 331.2)
- CMYK
- cmyk(0% 22% 4% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A888A1
- B194AB
- BBA1B5
- C4AEC0
- CEBBCA
- D8C8D4
- E2D6DF
- EBE3EA
- F5F1F4
Sắc đậm
- 896A83
- 745A6F
- 604A5C
- 4D3A49
- 3A2C37
- 291E26
- 181017
- 090508
- 010101
Sắc xám
- 9B7C95
- 987C92
- 957D90
- 927D8E
- 8F7E8C
- 8C7E89
- 897F87
- 867F85
- 838082
Hòa sắc
Bổ túc +180°
- 9E7B97
Amorous
- 6D9377
≈ Watercress
Tương đồng -30° +30°
- 9E7B97
Amorous
- 8F80A5
≈ Violet Chalk
- A77984
≈ Mauve Madness
Bộ ba +120° +240°
- 9E7B97
Amorous
- 94885F
≈ Enchanted Wood
- 5D919D
≈ Cabana Blue
Bổ túc chia +150° +210°
- 9E7B97
Amorous
- 818E67
≈ Saladin
- 5E948B
≈ Fiddler
Bộ bốn +90° +180° +270°
- 9E7B97
Amorous
- A28163
≈ Mulled Cider
- 6D9377
≈ Watercress
- 698CA9
≈ Scanda
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.66:1 · APCA Lc 64
Ag
AATrên nền đen
WCAG 5.73:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.73:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
CSS
:root {
--amorous: #9e7b97;
--amorous-rgb: 158 123 151;
--amorous-oklch: oklch(0.626 0.058 333.3);
}
.element {
color: var(--amorous);
background-color: hsl(312 15% 55%);
border-color: oklch(0.626 0.058 333.3);
}Tailwind CSS v4
@theme {
--color-amorous: #9e7b97;
--color-amorous-50: #ffeffc;
--color-amorous-100: #f5e1f0;
--color-amorous-200: #e5cbde;
--color-amorous-300: #cbadc3;
--color-amorous-400: #b492ad;
--color-amorous-500: #9e7897;
--color-amorous-600: #86667f;
--color-amorous-700: #6b5166;
--color-amorous-800: #4f3b4c;
--color-amorous-900: #372835;
--color-amorous-950: #211620;
}SCSS
$amorous: #9e7b97;
$amorous-rgb: 158, 123, 151;
$amorous-light: mix(#fff, $amorous, 20%);
$amorous-dark: mix(#000, $amorous, 20%);
.element {
color: $amorous;
box-shadow: 0 0 0 2px rgba($amorous, 0.35);
}