Màu có tên gần nhất · #713259
#713259
Màu có tên gần nhất: Passionate Plum
#713259 (rgb(113 50 89), hsl(323 39% 32%), oklch(0.416 0.102 344.4)) 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.
#713259
oklch(0.416 0.102 344.4)
Chuyển đổi màu
- HEX
- #713259
- RGB
- rgb(113 50 89)
- HSL
- hsl(323 39% 32%)
- HWB
- hwb(323 20% 56%)
- OKLCH
- oklch(0.416 0.102 344.4)
- OKLab
- oklab(0.416 0.098 -0.027)
- CIE Lab
- lab(30.8 32.08 -9.93)
- LCH
- lch(30.8 33.58 342.8)
- CMYK
- cmyk(0% 56% 21% 56%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 804568
- 8E5978
- 9C6C88
- AB8098
- B995A8
- C7A9B9
- D5BECA
- E3D3DC
- F1E9ED
Sắc đậm
- 612A4C
- 522240
- 431B34
- 351428
- 270D1D
- 1A0713
- 0E0309
- 040103
- 010000
Sắc xám
- 733A5D
- 764261
- 784A65
- 795269
- 7B5A6C
- 7C6270
- 7E6974
- 7F7178
- 7F787C
Hòa sắc
Bổ túc +180°
- 713259
Passionate Plum
- 005A3F
≈ Billiard Table
Tương đồng -30° +30°
- 713259
Passionate Plum
- 603972
≈ Heartless
- 79303A
≈ Mesa Ridge
Bộ ba +120° +240°
- 713259
Passionate Plum
- 544E00
≈ Scorzonera Brown
- 00546B
≈ Blue Palisade
Bổ túc chia +150° +210°
- 713259
Passionate Plum
- 335717
≈ Navy Green
- 005857
≈ Deep Sea Green
Bộ bốn +90° +180° +270°
- 713259
Passionate Plum
- 684300
≈ Violin Brown
- 005A3F
≈ Billiard Table
- 1F4D82
≈ Night Mode
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.11:1 · APCA Lc 91
Ag
FailTrên nền đen
WCAG 2.30:1 · APCA Lc 12
Màu chữ tốt nhất: #FFFFFF
WCAG 9.11:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--passionate-plum: #713259;
--passionate-plum-rgb: 113 50 89;
--passionate-plum-oklch: oklch(0.416 0.102 344.4);
}
.element {
color: var(--passionate-plum);
background-color: hsl(323 39% 32%);
border-color: oklch(0.416 0.102 344.4);
}Tailwind CSS v4
@theme {
--color-passionate-plum: #713259;
--color-passionate-plum-50: #ffeafb;
--color-passionate-plum-100: #ffdbef;
--color-passionate-plum-200: #f6c3dd;
--color-passionate-plum-300: #dfa3c2;
--color-passionate-plum-400: #ca86ad;
--color-passionate-plum-500: #b56996;
--color-passionate-plum-600: #99597f;
--color-passionate-plum-700: #7b4766;
--color-passionate-plum-800: #5a334c;
--color-passionate-plum-900: #3f2335;
--color-passionate-plum-950: #281220;
}SCSS
$passionate-plum: #713259;
$passionate-plum-rgb: 113, 50, 89;
$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);
}