Warna bernama · #B79E66
Grainfield
Grainfield adalah #B79E66: rgb(183 158 102), hsl(41 36% 56%), oklch(0.709 0.08 86.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Grainfield color name →
#B79E66
oklch(0.709 0.08 86.4)
Konversi warna
- HEX
- #b79e66
- RGB
- rgb(183 158 102)
- HSL
- hsl(41 36% 56%)
- HWB
- hwb(41 40% 28%)
- OKLCH
- oklch(0.709 0.08 86.4)
- OKLab
- oklab(0.709 0.005 0.08)
- CIE Lab
- lab(66.41 3.88 32.78)
- LCH
- lch(66.41 33.01 83.2)
- CMYK
- cmyk(0% 14% 44% 28%)
Tint · Shade · Tone
Tint
- BEA875
- C5B185
- CCBB94
- D3C4A3
- DBCEB2
- E2D8C1
- E9E1D1
- F0EBE0
- F8F5EF
Shade
- 9F8958
- 87744A
- 70603C
- 5A4D2F
- 453A23
- 312917
- 1E180C
- 0C0904
- 020100
Tone
- B19B69
- AC986D
- A69570
- A19272
- 9B8F75
- 968C78
- 90897A
- 8B867C
- 85837E
Harmoni warna
Komplementer +180°
- B79E66
Grainfield
- 8AA0D4
≈ Azureno
Analog -30° +30°
- B79E66
Grainfield
- C89470
≈ Surprise
- 9EA86E
≈ Always Apple
Triadik +120° +240°
- B79E66
Grainfield
- 60AFBA
≈ Ocean Trip
- BC90BC
≈ La la Love
Split-komplementer +150° +210°
- B79E66
Grainfield
- 6FA9CD
≈ Chronus Blue
- A597CE
≈ Gorgeous Hydrangea
Tetradik +90° +180° +270°
- B79E66
Grainfield
- 67B29F
≈ Tropic Turquoise
- 8AA0D4
≈ Azureno
- CA8CA2
≈ Pinch Me
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.59:1 · APCA Lc 51
Ag
AAADi atas hitam
WCAG 8.09:1 · APCA Lc 51
Warna teks terbaik: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Cuplikan kode
CSS
:root {
--grainfield: #b79e66;
--grainfield-rgb: 183 158 102;
--grainfield-oklch: oklch(0.709 0.08 86.4);
}
.element {
color: var(--grainfield);
background-color: hsl(41 36% 56%);
border-color: oklch(0.709 0.08 86.4);
}Tailwind CSS v4
@theme {
--color-grainfield: #b79e66;
--color-grainfield-50: #fff4dc;
--color-grainfield-100: #f3e7ca;
--color-grainfield-200: #e2d3ae;
--color-grainfield-300: #c8b689;
--color-grainfield-400: #b39c67;
--color-grainfield-500: #9d8244;
--color-grainfield-600: #856f3b;
--color-grainfield-700: #6b582f;
--color-grainfield-800: #4f4020;
--color-grainfield-900: #372c15;
--color-grainfield-950: #221907;
}SCSS
$grainfield: #b79e66;
$grainfield-rgb: 183, 158, 102;
$grainfield-light: mix(#fff, $grainfield, 20%);
$grainfield-dark: mix(#000, $grainfield, 20%);
.element {
color: $grainfield;
box-shadow: 0 0 0 2px rgba($grainfield, 0.35);
}