Nazwany kolor · #B79E66
Grainfield
Grainfield to #B79E66: rgb(183 158 102), hsl(41 36% 56%), oklch(0.709 0.08 86.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Grainfield color name →
#B79E66
oklch(0.709 0.08 86.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BEA875
- C5B185
- CCBB94
- D3C4A3
- DBCEB2
- E2D8C1
- E9E1D1
- F0EBE0
- F8F5EF
Odcienie ciemniejsze
- 9F8958
- 87744A
- 70603C
- 5A4D2F
- 453A23
- 312917
- 1E180C
- 0C0904
- 020100
Tony
- B19B69
- AC986D
- A69570
- A19272
- 9B8F75
- 968C78
- 90897A
- 8B867C
- 85837E
Harmonie kolorów
Komplementarna +180°
- B79E66
Grainfield
- 8AA0D4
≈ Azureno
Analogowa -30° +30°
- B79E66
Grainfield
- C89470
≈ Surprise
- 9EA86E
≈ Always Apple
Triada +120° +240°
- B79E66
Grainfield
- 60AFBA
≈ Ocean Trip
- BC90BC
≈ La la Love
Komplementarna rozszczepiona +150° +210°
- B79E66
Grainfield
- 6FA9CD
≈ Chronus Blue
- A597CE
≈ Gorgeous Hydrangea
Tetrada +90° +180° +270°
- B79E66
Grainfield
- 67B29F
≈ Tropic Turquoise
- 8AA0D4
≈ Azureno
- CA8CA2
≈ Pinch Me
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.59:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.09:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
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);
}