Warna bernama terdekat · #726C56
#726C56
Warna bernama terdekat: Treasure Chest
#726C56 (rgb(114 108 86), hsl(47 14% 39%), oklch(0.53 0.034 94.6)) paling mendekati warna bernama Treasure Chest. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#726C56
oklch(0.53 0.034 94.6)
Konversi warna
- HEX
- #726c56
- RGB
- rgb(114 108 86)
- HSL
- hsl(47 14% 39%)
- HWB
- hwb(47 34% 55%)
- OKLCH
- oklch(0.53 0.034 94.6)
- OKLab
- oklab(0.53 -0.003 0.034)
- CIE Lab
- lab(45.71 -0.46 13.26)
- LCH
- lch(45.71 13.26 92)
- CMYK
- cmyk(0% 5% 25% 55%)
Tint · Shade · Tone
Tint
- 7F7A66
- 8C8875
- 9A9686
- A8A496
- B6B3A7
- C4C2B8
- D3D1C9
- E1E0DB
- F0EFED
Shade
- 625D4A
- 534E3E
- 444032
- 363227
- 28251C
- 1B1912
- 0E0D08
- 040402
- 010000
Tone
- 736E5A
- 75705E
- 767263
- 787467
- 79766B
- 7A786F
- 7C7A73
- 7D7C78
- 7F7E7C
Harmoni warna
Komplementer +180°
- 726C56
Treasure Chest
- 666B80
≈ Nostalgic
Analog -30° +30°
- 726C56
Treasure Chest
- 7A6858
≈ Superior Bronze
- 67705A
≈ Laurel Garland
Triadik +120° +240°
- 726C56
Treasure Chest
- 567178
≈ Bowman Blue
- 796574
≈ Ephemera
Split-komplementer +150° +210°
- 726C56
Treasure Chest
- 5C6E7F
≈ Glide Time
- 70677C
≈ Decadence
Tetradik +90° +180° +270°
- 726C56
Treasure Chest
- 56736E
≈ Evening Emerald
- 666B80
≈ Nostalgic
- 7E6469
≈ Amazing Amethyst
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.25:1 · APCA Lc 76
Ag
FailDi atas hitam
WCAG 3.99:1 · APCA Lc 26
Warna teks terbaik: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Cuplikan kode
CSS
:root {
--treasure-chest: #726c56;
--treasure-chest-rgb: 114 108 86;
--treasure-chest-oklch: oklch(0.53 0.034 94.6);
}
.element {
color: var(--treasure-chest);
background-color: hsl(47 14% 39%);
border-color: oklch(0.53 0.034 94.6);
}Tailwind CSS v4
@theme {
--color-treasure-chest: #726c56;
--color-treasure-chest-50: #f8f5eb;
--color-treasure-chest-100: #ebe8dc;
--color-treasure-chest-200: #d8d5c5;
--color-treasure-chest-300: #bcb8a5;
--color-treasure-chest-400: #a59f88;
--color-treasure-chest-500: #8d866d;
--color-treasure-chest-600: #77725d;
--color-treasure-chest-700: #5f5b4a;
--color-treasure-chest-800: #464235;
--color-treasure-chest-900: #312e24;
--color-treasure-chest-950: #1d1a13;
}SCSS
$treasure-chest: #726c56;
$treasure-chest-rgb: 114, 108, 86;
$treasure-chest-light: mix(#fff, $treasure-chest, 20%);
$treasure-chest-dark: mix(#000, $treasure-chest, 20%);
.element {
color: $treasure-chest;
box-shadow: 0 0 0 2px rgba($treasure-chest, 0.35);
}