Warna bernama terdekat · #8F6F48
#8F6F48
Warna bernama terdekat: Sneaky Sesame
#8F6F48 (rgb(143 111 72), hsl(33 33% 42%), oklch(0.564 0.068 71.2)) paling mendekati warna bernama Sneaky Sesame. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#8F6F48
oklch(0.564 0.068 71.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 9A7D5A
- A58A6B
- B0987D
- BBA78F
- C6B5A1
- D1C3B3
- DDD2C6
- E8E1D9
- F4F0EC
Shade
- 7C603D
- 695133
- 574229
- 45341F
- 342716
- 241A0D
- 150E06
- 070402
- 010100
Tone
- 8E714E
- 8C7354
- 8B745A
- 897660
- 887865
- 867A6B
- 857B70
- 837D75
- 827E7B
Harmoni warna
Komplementer +180°
- 8F6F48
Sneaky Sesame
- 57799D
≈ Quiet Harbour
Analog -30° +30°
- 8F6F48
Sneaky Sesame
- 986856
≈ Bucking Bronco
- 7E7747
≈ Peppered Moss
Triadik +120° +240°
- 8F6F48
Sneaky Sesame
- 40837F
≈ Emu Egg
- 836A93
≈ Ornate
Split-komplementer +150° +210°
- 8F6F48
Sneaky Sesame
- 447F92
≈ Aristocratic
- 6E719D
≈ Hyacinth Mauve
Tetradik +90° +180° +270°
- 8F6F48
Sneaky Sesame
- 508269
≈ Tournament Field
- 57799D
≈ Quiet Harbour
- 926681
≈ Milkwort Red
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.63:1 · APCA Lc 72
Ag
AADi atas hitam
WCAG 4.53:1 · APCA Lc 30
Warna teks terbaik: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Cuplikan kode
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);
}