Màu có tên gần nhất · #5D122A
#5D122A
Màu có tên gần nhất: Plum Cheese
#5D122A (rgb(93 18 42), hsl(341 68% 22%), oklch(0.322 0.108 6.8)) gần nhất với màu có tên Plum Cheese. 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.
#5D122A
oklch(0.322 0.108 6.8)
Chuyển đổi màu
- HEX
- #5d122a
- RGB
- rgb(93 18 42)
- HSL
- hsl(341 68% 22%)
- HWB
- hwb(341 7% 64%)
- OKLCH
- oklch(0.322 0.108 6.8)
- OKLab
- oklab(0.322 0.107 0.013)
- CIE Lab
- lab(20.08 35.03 5.67)
- LCH
- lch(20.08 35.48 9.2)
- CMYK
- cmyk(0% 81% 55% 64%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6E2B3C
- 7F414F
- 905863
- A06E78
- B0858D
- C09DA3
- D0B5B9
- E0CDD0
- EFE6E7
Sắc đậm
- 500E23
- 430A1C
- 370716
- 2A0410
- 1F020A
- 140105
- 0A0102
- 030001
- 000000
Sắc xám
- 622032
- 672B3A
- 6B3642
- 6F414B
- 734C53
- 76565C
- 796165
- 7C6B6E
- 7E7577
Hòa sắc
Bổ túc +180°
- 5D122A
Plum Cheese
- 003C38
≈ Night Turquoise
Tương đồng -30° +30°
- 5D122A
Plum Cheese
- 531747
≈ Violet Carmine
- 5E1700
≈ Altar Wine
Bộ ba +120° +240°
- 5D122A
Plum Cheese
- 283A00
≈ Melancholia
- 00365B
≈ Incremental Blue
Bổ túc chia +150° +210°
- 5D122A
Plum Cheese
- 003F23
≈ Angel Green
- 003A46
≈ Natural Indigo
Bộ bốn +90° +180° +270°
- 5D122A
Plum Cheese
- 3D3300
≈ Hidden Passage
- 003C38
≈ Night Turquoise
- 272A69
≈ After Work Blue
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 13.24:1 · APCA Lc 99
Ag
FailTrên nền đen
WCAG 1.58:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.24:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--plum-cheese: #5d122a;
--plum-cheese-rgb: 93 18 42;
--plum-cheese-oklch: oklch(0.322 0.108 6.8);
}
.element {
color: var(--plum-cheese);
background-color: hsl(341 68% 22%);
border-color: oklch(0.322 0.108 6.8);
}Tailwind CSS v4
@theme {
--color-plum-cheese: #5d122a;
--color-plum-cheese-50: #ffe9ef;
--color-plum-cheese-100: #ffdae0;
--color-plum-cheese-200: #fec2cb;
--color-plum-cheese-300: #e8a1ac;
--color-plum-cheese-400: #d58394;
--color-plum-cheese-500: #c1657a;
--color-plum-cheese-600: #a35667;
--color-plum-cheese-700: #834553;
--color-plum-cheese-800: #61313d;
--color-plum-cheese-900: #44222a;
--color-plum-cheese-950: #2c1118;
}SCSS
$plum-cheese: #5d122a;
$plum-cheese-rgb: 93, 18, 42;
$plum-cheese-light: mix(#fff, $plum-cheese, 20%);
$plum-cheese-dark: mix(#000, $plum-cheese, 20%);
.element {
color: $plum-cheese;
box-shadow: 0 0 0 2px rgba($plum-cheese, 0.35);
}