Màu có tên gần nhất · #7B3F4E
#7B3F4E
Màu có tên gần nhất: Köfte Brown
#7B3F4E (rgb(123 63 78), hsl(345 32% 36%), oklch(0.447 0.085 5.1)) gần nhất với màu có tên Köfte Brown. 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.
#7B3F4E
oklch(0.447 0.085 5.1)
Chuyển đổi màu
- HEX
- #7b3f4e
- RGB
- rgb(123 63 78)
- HSL
- hsl(345 32% 36%)
- HWB
- hwb(345 25% 52%)
- OKLCH
- oklch(0.447 0.085 5.1)
- OKLab
- oklab(0.447 0.084 0.008)
- CIE Lab
- lab(34.87 27.86 3.31)
- LCH
- lch(34.87 28.06 6.8)
- CMYK
- cmyk(0% 49% 37% 52%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 89515E
- 96636E
- A4757F
- B18890
- BE9BA2
- CBAFB4
- D8C2C6
- E5D6D9
- F2EAEC
Sắc đậm
- 6A3543
- 5A2C38
- 4A232D
- 3A1B23
- 2C1219
- 1E0A0F
- 100407
- 050102
- 010000
Sắc xám
- 7C4653
- 7D4C58
- 7E535D
- 7F5A61
- 806066
- 80666C
- 816D71
- 817376
- 807A7B
Hòa sắc
Bổ túc +180°
- 7B3F4E
Köfte Brown
- 00625A
≈ Dancing Peacock
Tương đồng -30° +30°
- 7B3F4E
Köfte Brown
- 714167
≈ Burnt Orchid
- 7C4233
≈ Monterey Chestnut
Bộ ba +120° +240°
- 7B3F4E
Köfte Brown
- 4A5D24
≈ Obscure Olive
- 265980
≈ Bahama Blue
Bổ túc chia +150° +210°
- 7B3F4E
Köfte Brown
- 27623F
≈ Fairway Green
- 005F70
≈ Cool Dive
Bộ bốn +90° +180° +270°
- 7B3F4E
Köfte Brown
- 635410
≈ Olive Brown
- 00625A
≈ Dancing Peacock
- 475083
≈ Blue Jewel
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.88:1 · APCA Lc 87
Ag
FailTrên nền đen
WCAG 2.66:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 7.88:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
CSS
:root {
--kofte-brown: #7b3f4e;
--kofte-brown-rgb: 123 63 78;
--kofte-brown-oklch: oklch(0.447 0.085 5.1);
}
.element {
color: var(--kofte-brown);
background-color: hsl(345 32% 36%);
border-color: oklch(0.447 0.085 5.1);
}Tailwind CSS v4
@theme {
--color-kofte-brown: #7b3f4e;
--color-kofte-brown-50: #ffecf1;
--color-kofte-brown-100: #ffdde3;
--color-kofte-brown-200: #f5c6ce;
--color-kofte-brown-300: #dea6b0;
--color-kofte-brown-400: #ca8a97;
--color-kofte-brown-500: #b56e7e;
--color-kofte-brown-600: #995d6b;
--color-kofte-brown-700: #7b4a55;
--color-kofte-brown-800: #5b363f;
--color-kofte-brown-900: #40252c;
--color-kofte-brown-950: #281319;
}SCSS
$kofte-brown: #7b3f4e;
$kofte-brown-rgb: 123, 63, 78;
$kofte-brown-light: mix(#fff, $kofte-brown, 20%);
$kofte-brown-dark: mix(#000, $kofte-brown, 20%);
.element {
color: $kofte-brown;
box-shadow: 0 0 0 2px rgba($kofte-brown, 0.35);
}