Adlandırılmış renk · #786E4C
Go Ben
Go Ben, #786E4C: rgb(120 110 76), hsl(46 22% 38%), oklch(0.539 0.051 93.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Go Ben color name →
#786E4C
oklch(0.539 0.051 93.7)
Renk dönüşümleri
- HEX
- #786e4c
- RGB
- rgb(120 110 76)
- HSL
- hsl(46 22% 38%)
- HWB
- hwb(46 30% 53%)
- OKLCH
- oklch(0.539 0.051 93.7)
- OKLab
- oklab(0.539 -0.003 0.051)
- CIE Lab
- lab(46.7 -0.01 20.5)
- LCH
- lch(46.7 20.5 90)
- CMYK
- cmyk(0% 8% 37% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 857C5D
- 91896E
- 9E977F
- ACA690
- B9B4A2
- C7C3B4
- D5D1C7
- E3E0D9
- F1F0EC
Koyu tonlar
- 675F41
- 575036
- 48412C
- 393322
- 2A2618
- 1D190F
- 100E06
- 050402
- 010100
Gri tonlar
- 797051
- 7A7257
- 7A745C
- 7B7561
- 7C7767
- 7D796C
- 7E7B71
- 7E7C76
- 7F7E7B
Renk uyumları
Tamamlayıcı +180°
- 786E4C
Go Ben
- 656D8C
≈ Dangerously Elegant
Analog -30° +30°
- 786E4C
Go Ben
- 84684F
≈ Pastel Brown
- 687453
≈ Four Seasons Oolong
Üçlü +120° +240°
- 786E4C
Go Ben
- 4A7680
≈ Hydro
- 81637B
≈ Grape Jelly
Bölünmüş tamamlayıcı +150° +210°
- 786E4C
Go Ben
- 55728A
≈ Arrowhead Lake
- 746787
≈ Aromatic
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.08:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.13:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--go-ben: #786e4c;
--go-ben-rgb: 120 110 76;
--go-ben-oklch: oklch(0.539 0.051 93.7);
}
.element {
color: var(--go-ben);
background-color: hsl(46 22% 38%);
border-color: oklch(0.539 0.051 93.7);
}Tailwind CSS v4
@theme {
--color-go-ben: #786e4c;
--color-go-ben-50: #f9f5e5;
--color-go-ben-100: #ede8d5;
--color-go-ben-200: #dad5bc;
--color-go-ben-300: #bfb89b;
--color-go-ben-400: #a89e7d;
--color-go-ben-500: #91865f;
--color-go-ben-600: #7b7151;
--color-go-ben-700: #625b41;
--color-go-ben-800: #49422e;
--color-go-ben-900: #322e1f;
--color-go-ben-950: #1e1a0f;
}SCSS
$go-ben: #786e4c;
$go-ben-rgb: 120, 110, 76;
$go-ben-light: mix(#fff, $go-ben, 20%);
$go-ben-dark: mix(#000, $go-ben, 20%);
.element {
color: $go-ben;
box-shadow: 0 0 0 2px rgba($go-ben, 0.35);
}