Najbliższy nazwany kolor · #766023
#766023
Najbliższy nazwany kolor: Himalaya
#766023 (rgb(118 96 35), hsl(44 54% 30%), oklch(0.498 0.084 89)) jest najbliższy nazwanemu kolorowi Himalaya. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#766023
oklch(0.498 0.084 89)
Konwersje koloru
- HEX
- #766023
- RGB
- rgb(118 96 35)
- HSL
- hsl(44 54% 30%)
- HWB
- hwb(44 14% 54%)
- OKLCH
- oklch(0.498 0.084 89)
- OKLab
- oklab(0.498 0.002 0.084)
- CIE Lab
- lab(42.03 3.91 36.97)
- LCH
- lch(42.03 37.18 84)
- CMYK
- cmyk(0% 19% 70% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 836F3B
- 907E50
- 9D8D66
- AB9D7B
- B8AD90
- C6BDA6
- D4CDBC
- E2DED2
- F1EEE8
Odcienie ciemniejsze
- 66521D
- 564517
- 473811
- 382C0C
- 292007
- 1C1504
- 0F0A01
- 050300
- 010000
Tony
- 77632F
- 78673A
- 796A43
- 7A6D4D
- 7B7055
- 7C745E
- 7D7767
- 7E7A6F
- 7F7D78
Harmonie kolorów
Komplementarna +180°
- 766023
Himalaya
- 4F6093
≈ Breathtaking
Analogowa -30° +30°
- 766023
Himalaya
- 86562F
≈ Burnt Crust
- 5E692F
≈ Heavy Khaki
Triada +120° +240°
- 766023
Himalaya
- 0A707C
≈ Iridescent Peacock
- 7D517A
≈ Phlox Flower Violet
Komplementarna rozszczepiona +150° +210°
- 766023
Himalaya
- 2F698D
≈ Ocean Call
- 69588C
≈ Butterfly Bush
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.05:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.46:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--himalaya: #766023;
--himalaya-rgb: 118 96 35;
--himalaya-oklch: oklch(0.498 0.084 89);
}
.element {
color: var(--himalaya);
background-color: hsl(44 54% 30%);
border-color: oklch(0.498 0.084 89);
}Tailwind CSS v4
@theme {
--color-himalaya: #766023;
--color-himalaya-50: #fef5db;
--color-himalaya-100: #f2e7c9;
--color-himalaya-200: #e1d4ac;
--color-himalaya-300: #c7b686;
--color-himalaya-400: #b29c64;
--color-himalaya-500: #9c8340;
--color-himalaya-600: #846f37;
--color-himalaya-700: #6a592c;
--color-himalaya-800: #4f401e;
--color-himalaya-900: #372c14;
--color-himalaya-950: #221906;
}SCSS
$himalaya: #766023;
$himalaya-rgb: 118, 96, 35;
$himalaya-light: mix(#fff, $himalaya, 20%);
$himalaya-dark: mix(#000, $himalaya, 20%);
.element {
color: $himalaya;
box-shadow: 0 0 0 2px rgba($himalaya, 0.35);
}