En yakın adlandırılmış renk · #774F47
#774F47
En yakın adlandırılmış renk: Roasted
#774F47 (rgb(119 79 71), hsl(10 25% 37%), oklch(0.47 0.056 31.7)) en çok Roasted adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#774F47
oklch(0.47 0.056 31.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 845F58
- 927069
- 9F817A
- AD928C
- BAA39E
- C8B5B1
- D6C7C4
- E3D9D7
- F1ECEB
Koyu tonlar
- 67443D
- 573832
- 472E28
- 38231F
- 2A1916
- 1C100D
- 100706
- 050202
- 010000
Gri tonlar
- 78544D
- 7A5952
- 7B5E58
- 7C635D
- 7D6863
- 7E6C69
- 7E716F
- 7F7674
- 807B7A
Renk uyumları
Tamamlayıcı +180°
- 774F47
Roasted
- 31636D
≈ Pedigree
Analog -30° +30°
- 774F47
Roasted
- 754D58
≈ Plum Wine
- 725439
≈ Huckleberry Brown
Üçlü +120° +240°
- 774F47
Roasted
- 42644B
≈ Vizcaya Palm
- 4F597B
≈ Nyctophobia Blue
Bölünmüş tamamlayıcı +150° +210°
- 774F47
Roasted
- 33655D
≈ Alliance
- 3D5F78
≈ Chinese Porcelain
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.01:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.99:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.01:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
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);
}