Najbliższy nazwany kolor · #736B5B
#736B5B
Najbliższy nazwany kolor: Treasure Chest
#736B5B (rgb(115 107 91), hsl(40 12% 40%), oklch(0.53 0.026 84.6)) jest najbliższy nazwanemu kolorowi Treasure Chest. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#736B5B
oklch(0.53 0.026 84.6)
Konwersje koloru
- HEX
- #736b5b
- RGB
- rgb(115 107 91)
- HSL
- hsl(40 12% 40%)
- HWB
- hwb(40 36% 55%)
- OKLCH
- oklch(0.53 0.026 84.6)
- OKLab
- oklab(0.53 0.002 0.026)
- CIE Lab
- lab(45.62 1.11 10.2)
- LCH
- lch(45.62 10.26 83.8)
- CMYK
- cmyk(0% 7% 21% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 80796A
- 8D8779
- 9B9589
- A9A399
- B7B2AA
- C5C1BA
- D3D0CB
- E1E0DC
- F0EFED
Odcienie ciemniejsze
- 635C4E
- 544E41
- 453F35
- 363229
- 28251E
- 1B1813
- 0F0D09
- 050403
- 010000
Tony
- 746D5F
- 766F62
- 777166
- 78736A
- 79756D
- 7B7871
- 7C7A75
- 7D7C79
- 7F7E7C
Harmonie kolorów
Komplementarna +180°
- 736B5B
Treasure Chest
- 646C7C
≈ Ashen Whisper
Analogowa -30° +30°
- 736B5B
Treasure Chest
- 78685E
≈ Sea Elephant
- 6B6E5D
≈ Lazy Lichen
Triada +120° +240°
- 736B5B
Treasure Chest
- 5B7173
≈ Porch Swing
- 746775
≈ Rum
Komplementarna rozszczepiona +150° +210°
- 736B5B
Treasure Chest
- 5E6F79
≈ NYPD
- 6D697A
≈ Wind Cave
Tetrada +90° +180° +270°
- 736B5B
Treasure Chest
- 5D716B
≈ Rocky River
- 646C7C
≈ Ashen Whisper
- 79666D
≈ Rhapsody Rap
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.27:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.98:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--treasure-chest: #736b5b;
--treasure-chest-rgb: 115 107 91;
--treasure-chest-oklch: oklch(0.53 0.026 84.6);
}
.element {
color: var(--treasure-chest);
background-color: hsl(40 12% 40%);
border-color: oklch(0.53 0.026 84.6);
}Tailwind CSS v4
@theme {
--color-treasure-chest: #736b5b;
--color-treasure-chest-50: #f8f5ed;
--color-treasure-chest-100: #ece7de;
--color-treasure-chest-200: #d9d4c8;
--color-treasure-chest-300: #bdb7a9;
--color-treasure-chest-400: #a69e8d;
--color-treasure-chest-500: #8e8573;
--color-treasure-chest-600: #787161;
--color-treasure-chest-700: #605a4e;
--color-treasure-chest-800: #474238;
--color-treasure-chest-900: #312d26;
--color-treasure-chest-950: #1d1a15;
}SCSS
$treasure-chest: #736b5b;
$treasure-chest-rgb: 115, 107, 91;
$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);
}