Adlandırılmış renk · #947252
Sagebrush
Sagebrush, #947252: rgb(148 114 82), hsl(29 29% 45%), oklch(0.578 0.063 64.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Sagebrush color name →
#947252
oklch(0.578 0.063 64.3)
Renk dönüşümleri
- HEX
- #947252
- RGB
- rgb(148 114 82)
- HSL
- hsl(29 29% 45%)
- HWB
- hwb(29 32% 42%)
- OKLCH
- oklch(0.578 0.063 64.3)
- OKLab
- oklab(0.578 0.027 0.056)
- CIE Lab
- lab(50.88 10.64 23.15)
- LCH
- lch(50.88 25.48 65.3)
- CMYK
- cmyk(0% 23% 45% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9F7F62
- A98D73
- B49B84
- BEA895
- C9B6A6
- D4C5B7
- DED3C9
- E9E2DB
- F4F0ED
Koyu tonlar
- 806246
- 6D533B
- 5A442F
- 483625
- 36281A
- 261B11
- 160E08
- 080402
- 010100
Gri tonlar
- 927457
- 90755C
- 8E7761
- 8D7865
- 8B796A
- 897B6E
- 867C73
- 847D77
- 827F7C
Renk uyumları
Tamamlayıcı +180°
- 947252
Sagebrush
- 597E9C
≈ Nightly Blade
Analog -30° +30°
- 947252
Sagebrush
- 9B6C61
≈ Reddened Earth
- 86794E
≈ Fern Grove
Üçlü +120° +240°
- 947252
Sagebrush
- 4C867E
≈ Jericho Jade
- 827198
≈ Baroness Mauve
Bölünmüş tamamlayıcı +150° +210°
- 947252
Sagebrush
- 4B8391
≈ Casual Blue
- 6E779F
≈ Bleached Denim
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.38:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.78:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.78:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--sagebrush: #947252;
--sagebrush-rgb: 148 114 82;
--sagebrush-oklch: oklch(0.578 0.063 64.3);
}
.element {
color: var(--sagebrush);
background-color: hsl(29 29% 45%);
border-color: oklch(0.578 0.063 64.3);
}Tailwind CSS v4
@theme {
--color-sagebrush: #947252;
--color-sagebrush-50: #fff2e3;
--color-sagebrush-100: #f7e4d2;
--color-sagebrush-200: #e7d0b9;
--color-sagebrush-300: #ceb296;
--color-sagebrush-400: #b99778;
--color-sagebrush-500: #a47e5a;
--color-sagebrush-600: #8a6a4c;
--color-sagebrush-700: #6f553d;
--color-sagebrush-800: #523e2c;
--color-sagebrush-900: #392a1d;
--color-sagebrush-950: #24180d;
}SCSS
$sagebrush: #947252;
$sagebrush-rgb: 148, 114, 82;
$sagebrush-light: mix(#fff, $sagebrush, 20%);
$sagebrush-dark: mix(#000, $sagebrush, 20%);
.element {
color: $sagebrush;
box-shadow: 0 0 0 2px rgba($sagebrush, 0.35);
}