Màu có tên gần nhất · #8F6F48
#8F6F48
Màu có tên gần nhất: Sneaky Sesame
#8F6F48 (rgb(143 111 72), hsl(33 33% 42%), oklch(0.564 0.068 71.2)) gần nhất với màu có tên Sneaky Sesame. 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.
#8F6F48
oklch(0.564 0.068 71.2)
Chuyển đổi màu
- HEX
- #8f6f48
- RGB
- rgb(143 111 72)
- HSL
- hsl(33 33% 42%)
- HWB
- hwb(33 28% 44%)
- OKLCH
- oklch(0.564 0.068 71.2)
- OKLab
- oklab(0.564 0.022 0.064)
- CIE Lab
- lab(49.37 9.3 26.74)
- LCH
- lch(49.37 28.32 70.8)
- CMYK
- cmyk(0% 22% 50% 44%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9A7D5A
- A58A6B
- B0987D
- BBA78F
- C6B5A1
- D1C3B3
- DDD2C6
- E8E1D9
- F4F0EC
Sắc đậm
- 7C603D
- 695133
- 574229
- 45341F
- 342716
- 241A0D
- 150E06
- 070402
- 010100
Sắc xám
- 8E714E
- 8C7354
- 8B745A
- 897660
- 887865
- 867A6B
- 857B70
- 837D75
- 827E7B
Hòa sắc
Bổ túc +180°
- 8F6F48
Sneaky Sesame
- 57799D
≈ Quiet Harbour
Tương đồng -30° +30°
- 8F6F48
Sneaky Sesame
- 986856
≈ Bucking Bronco
- 7E7747
≈ Peppered Moss
Bộ ba +120° +240°
- 8F6F48
Sneaky Sesame
- 40837F
≈ Emu Egg
- 836A93
≈ Ornate
Bổ túc chia +150° +210°
- 8F6F48
Sneaky Sesame
- 447F92
≈ Aristocratic
- 6E719D
≈ Hyacinth Mauve
Bộ bốn +90° +180° +270°
- 8F6F48
Sneaky Sesame
- 508269
≈ Tournament Field
- 57799D
≈ Quiet Harbour
- 926681
≈ Milkwort Red
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.63:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.53:1 · APCA Lc 30
Màu chữ tốt nhất: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--sneaky-sesame: #8f6f48;
--sneaky-sesame-rgb: 143 111 72;
--sneaky-sesame-oklch: oklch(0.564 0.068 71.2);
}
.element {
color: var(--sneaky-sesame);
background-color: hsl(33 33% 42%);
border-color: oklch(0.564 0.068 71.2);
}Tailwind CSS v4
@theme {
--color-sneaky-sesame: #8f6f48;
--color-sneaky-sesame-50: #fff3e0;
--color-sneaky-sesame-100: #f6e5d0;
--color-sneaky-sesame-200: #e6d0b5;
--color-sneaky-sesame-300: #cdb391;
--color-sneaky-sesame-400: #b89872;
--color-sneaky-sesame-500: #a37f53;
--color-sneaky-sesame-600: #8a6b47;
--color-sneaky-sesame-700: #6e5638;
--color-sneaky-sesame-800: #523e28;
--color-sneaky-sesame-900: #392b1b;
--color-sneaky-sesame-950: #23180b;
}SCSS
$sneaky-sesame: #8f6f48;
$sneaky-sesame-rgb: 143, 111, 72;
$sneaky-sesame-light: mix(#fff, $sneaky-sesame, 20%);
$sneaky-sesame-dark: mix(#000, $sneaky-sesame, 20%);
.element {
color: $sneaky-sesame;
box-shadow: 0 0 0 2px rgba($sneaky-sesame, 0.35);
}