Màu có tên gần nhất · #723B50
#723B50
Màu có tên gần nhất: Passionate Plum
#723B50 (rgb(114 59 80), hsl(337 32% 34%), oklch(0.428 0.081 356.8)) gần nhất với màu có tên Passionate Plum. 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.
#723B50
oklch(0.428 0.081 356.8)
Chuyển đổi màu
- HEX
- #723b50
- RGB
- rgb(114 59 80)
- HSL
- hsl(337 32% 34%)
- HWB
- hwb(337 23% 55%)
- OKLCH
- oklch(0.428 0.081 356.8)
- OKLab
- oklab(0.428 0.081 -0.005)
- CIE Lab
- lab(32.62 26.64 -1.4)
- LCH
- lch(32.62 26.68 357)
- CMYK
- cmyk(0% 48% 30% 55%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 804D60
- 8F6070
- 9D7281
- AB8592
- B999A3
- C7ACB5
- D5C1C7
- E3D5D9
- F1EAEC
Sắc đậm
- 623244
- 532939
- 44212E
- 361924
- 28111A
- 1B0910
- 0E0407
- 040102
- 010000
Sắc xám
- 744255
- 764959
- 78505E
- 7A5763
- 7B5E68
- 7C656C
- 7E6B71
- 7F7276
- 7F797B
Hòa sắc
Bổ túc +180°
- 723B50
Passionate Plum
- 005D4E
≈ Alpine Green
Tương đồng -30° +30°
- 723B50
Passionate Plum
- 663E67
≈ Purple Odyssey
- 763C37
≈ Belly Fire
Bộ ba +120° +240°
- 723B50
Passionate Plum
- 4C551A
≈ Verdun Green
- 185576
≈ Moroccan Blue
Bổ túc chia +150° +210°
- 723B50
Passionate Plum
- 2E5B34
≈ Pine
- 005A63
≈ Entrapment
Bộ bốn +90° +180° +270°
- 723B50
Passionate Plum
- 634C0D
≈ Mud Brown
- 005D4E
≈ Alpine Green
- 3B4D7C
≈ Takaka
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.54:1 · APCA Lc 89
Ag
FailTrên nền đen
WCAG 2.45:1 · APCA Lc 13
Màu chữ tốt nhất: #FFFFFF
WCAG 8.54:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--passionate-plum: #723b50;
--passionate-plum-rgb: 114 59 80;
--passionate-plum-oklch: oklch(0.428 0.081 356.8);
}
.element {
color: var(--passionate-plum);
background-color: hsl(337 32% 34%);
border-color: oklch(0.428 0.081 356.8);
}Tailwind CSS v4
@theme {
--color-passionate-plum: #723b50;
--color-passionate-plum-50: #ffecf5;
--color-passionate-plum-100: #ffdde7;
--color-passionate-plum-200: #f3c6d3;
--color-passionate-plum-300: #dba7b6;
--color-passionate-plum-400: #c68b9f;
--color-passionate-plum-500: #b26f87;
--color-passionate-plum-600: #965e72;
--color-passionate-plum-700: #784b5b;
--color-passionate-plum-800: #593644;
--color-passionate-plum-900: #3e252f;
--color-passionate-plum-950: #27141b;
}SCSS
$passionate-plum: #723b50;
$passionate-plum-rgb: 114, 59, 80;
$passionate-plum-light: mix(#fff, $passionate-plum, 20%);
$passionate-plum-dark: mix(#000, $passionate-plum, 20%);
.element {
color: $passionate-plum;
box-shadow: 0 0 0 2px rgba($passionate-plum, 0.35);
}