Najbliższy nazwany kolor · #774F47
#774F47
Najbliższy nazwany kolor: Roasted
#774F47 (rgb(119 79 71), hsl(10 25% 37%), oklch(0.47 0.056 31.7)) jest najbliższy nazwanemu kolorowi Roasted. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#774F47
oklch(0.47 0.056 31.7)
Konwersje koloru
- HEX
- #774f47
- RGB
- rgb(119 79 71)
- HSL
- hsl(10 25% 37%)
- HWB
- hwb(10 28% 53%)
- OKLCH
- oklch(0.47 0.056 31.7)
- OKLab
- oklab(0.47 0.048 0.029)
- CIE Lab
- lab(38.01 16.55 11.95)
- LCH
- lch(38.01 20.41 35.8)
- CMYK
- cmyk(0% 34% 40% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 845F58
- 927069
- 9F817A
- AD928C
- BAA39E
- C8B5B1
- D6C7C4
- E3D9D7
- F1ECEB
Odcienie ciemniejsze
- 67443D
- 573832
- 472E28
- 38231F
- 2A1916
- 1C100D
- 100706
- 050202
- 010000
Tony
- 78544D
- 7A5952
- 7B5E58
- 7C635D
- 7D6863
- 7E6C69
- 7E716F
- 7F7674
- 807B7A
Harmonie kolorów
Komplementarna +180°
- 774F47
Roasted
- 31636D
≈ Pedigree
Analogowa -30° +30°
- 774F47
Roasted
- 754D58
≈ Plum Wine
- 725439
≈ Huckleberry Brown
Triada +120° +240°
- 774F47
Roasted
- 42644B
≈ Vizcaya Palm
- 4F597B
≈ Nyctophobia Blue
Komplementarna rozszczepiona +150° +210°
- 774F47
Roasted
- 33655D
≈ Alliance
- 3D5F78
≈ Chinese Porcelain
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.01:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.99:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.01:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--roasted: #774f47;
--roasted-rgb: 119 79 71;
--roasted-oklch: oklch(0.47 0.056 31.7);
}
.element {
color: var(--roasted);
background-color: hsl(10 25% 37%);
border-color: oklch(0.47 0.056 31.7);
}Tailwind CSS v4
@theme {
--color-roasted: #774f47;
--color-roasted-50: #fff0eb;
--color-roasted-100: #fae2dc;
--color-roasted-200: #ebccc5;
--color-roasted-300: #d2aea5;
--color-roasted-400: #bd938a;
--color-roasted-500: #a8796f;
--color-roasted-600: #8e665e;
--color-roasted-700: #72524b;
--color-roasted-800: #543b37;
--color-roasted-900: #3b2926;
--color-roasted-950: #251614;
}SCSS
$roasted: #774f47;
$roasted-rgb: 119, 79, 71;
$roasted-light: mix(#fff, $roasted, 20%);
$roasted-dark: mix(#000, $roasted, 20%);
.element {
color: $roasted;
box-shadow: 0 0 0 2px rgba($roasted, 0.35);
}