Najbliższy nazwany kolor · #766B5A
#766B5A
Najbliższy nazwany kolor: Treasure Chest
#766B5A (rgb(118 107 90), hsl(36 13% 41%), oklch(0.533 0.029 78.7)) jest najbliższy nazwanemu kolorowi Treasure Chest. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#766B5A
oklch(0.533 0.029 78.7)
Konwersje koloru
- HEX
- #766b5a
- RGB
- rgb(118 107 90)
- HSL
- hsl(36 13% 41%)
- HWB
- hwb(36 35% 54%)
- OKLCH
- oklch(0.533 0.029 78.7)
- OKLab
- oklab(0.533 0.006 0.029)
- CIE Lab
- lab(45.89 2.27 11.22)
- LCH
- lch(45.89 11.45 78.6)
- CMYK
- cmyk(0% 9% 24% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 837969
- 908779
- 9D9589
- ABA399
- B8B2A9
- C6C1BA
- D4D0CB
- E2E0DC
- F1EFED
Odcienie ciemniejsze
- 665C4D
- 564E41
- 473F35
- 383229
- 29251E
- 1C1813
- 0F0D09
- 050403
- 010000
Tony
- 776D5E
- 786F62
- 797165
- 7A7369
- 7B756D
- 7C7871
- 7D7A75
- 7E7C78
- 7F7E7C
Harmonie kolorów
Komplementarna +180°
- 766B5A
Treasure Chest
- 636D7E
≈ Nostalgic
Analogowa -30° +30°
- 766B5A
Treasure Chest
- 7B685E
≈ Cocoa Milk
- 6E6E5B
≈ Lazy Lichen
Triada +120° +240°
- 766B5A
Treasure Chest
- 597273
≈ Porch Swing
- 746878
≈ Old Lavender
Komplementarna rozszczepiona +150° +210°
- 766B5A
Treasure Chest
- 5C707A
≈ NYPD
- 6C6A7D
≈ Wind Cave
Tetrada +90° +180° +270°
- 766B5A
Treasure Chest
- 5D726A
≈ Noble Fir
- 636D7E
≈ Nostalgic
- 7A666F
≈ Burnt Ash
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.02:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--treasure-chest: #766b5a;
--treasure-chest-rgb: 118 107 90;
--treasure-chest-oklch: oklch(0.533 0.029 78.7);
}
.element {
color: var(--treasure-chest);
background-color: hsl(36 13% 41%);
border-color: oklch(0.533 0.029 78.7);
}Tailwind CSS v4
@theme {
--color-treasure-chest: #766b5a;
--color-treasure-chest-50: #f9f4ec;
--color-treasure-chest-100: #ede7dd;
--color-treasure-chest-200: #dbd3c7;
--color-treasure-chest-300: #bfb6a7;
--color-treasure-chest-400: #a89d8c;
--color-treasure-chest-500: #918471;
--color-treasure-chest-600: #7a7060;
--color-treasure-chest-700: #625a4c;
--color-treasure-chest-800: #484137;
--color-treasure-chest-900: #322d26;
--color-treasure-chest-950: #1e1a14;
}SCSS
$treasure-chest: #766b5a;
$treasure-chest-rgb: 118, 107, 90;
$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);
}