Warna bernama · #B0A36E
Green Bean Casserole
Green Bean Casserole adalah #B0A36E: rgb(176 163 110), hsl(48 29% 56%), oklch(0.714 0.073 96). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Green Bean Casserole color name →
#B0A36E
oklch(0.714 0.073 96)
Konversi warna
- HEX
- #b0a36e
- RGB
- rgb(176 163 110)
- HSL
- hsl(48 29% 56%)
- HWB
- hwb(48 43% 31%)
- OKLCH
- oklch(0.714 0.073 96)
- OKLab
- oklab(0.714 -0.008 0.072)
- CIE Lab
- lab(67.17 -0.93 29.37)
- LCH
- lch(67.17 29.38 91.8)
- CMYK
- cmyk(0% 7% 37% 31%)
Tint · Shade · Tone
Tint
- B8AC7C
- BFB58B
- C7BE99
- CFC7A7
- D7D0B6
- DFDAC4
- E7E3D3
- EFECE1
- F7F6F0
Shade
- 998D5F
- 827850
- 6C6341
- 564F33
- 423C26
- 2E2A19
- 1C190E
- 0B0A04
- 010101
Tone
- ABA070
- A69C73
- A19975
- 9C9577
- 989279
- 938E7A
- 8E8B7C
- 89877D
- 85847F
Harmoni warna
Komplementer +180°
- B0A36E
Green Bean Casserole
- 969FD1
≈ Fields of Heather
Analog -30° +30°
- B0A36E
Green Bean Casserole
- C29A72
≈ Lanyard
- 97AB7A
≈ Siamese Green
Triadik +120° +240°
- B0A36E
Green Bean Casserole
- 6BAEC0
≈ Water Music
- C092B4
≈ Mauve Magic
Split-komplementer +150° +210°
- B0A36E
Green Bean Casserole
- 7DA8CE
≈ Madam Butterfly
- AE97C7
≈ Atlantic Tulip
Tetradik +90° +180° +270°
- B0A36E
Green Bean Casserole
- 6BB2A9
≈ Turquoise Fantasies
- 969FD1
≈ Fields of Heather
- CB909C
≈ Sianna Rose
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.52:1 · APCA Lc 50
Ag
AAADi atas hitam
WCAG 8.31:1 · APCA Lc 52
Warna teks terbaik: #000000
WCAG 8.31:1 (AAA) · APCA Lc 52
Contrast pairs
Cuplikan kode
CSS
:root {
--green-bean-casserole: #b0a36e;
--green-bean-casserole-rgb: 176 163 110;
--green-bean-casserole-oklch: oklch(0.714 0.073 96);
}
.element {
color: var(--green-bean-casserole);
background-color: hsl(48 29% 56%);
border-color: oklch(0.714 0.073 96);
}Tailwind CSS v4
@theme {
--color-green-bean-casserole: #b0a36e;
--color-green-bean-casserole-50: #faf6df;
--color-green-bean-casserole-100: #eee9cd;
--color-green-bean-casserole-200: #dcd5b2;
--color-green-bean-casserole-300: #c1b88e;
--color-green-bean-casserole-400: #ab9f6d;
--color-green-bean-casserole-500: #94864c;
--color-green-bean-casserole-600: #7d7241;
--color-green-bean-casserole-700: #645b34;
--color-green-bean-casserole-800: #4b4224;
--color-green-bean-casserole-900: #342e18;
--color-green-bean-casserole-950: #1f1a09;
}SCSS
$green-bean-casserole: #b0a36e;
$green-bean-casserole-rgb: 176, 163, 110;
$green-bean-casserole-light: mix(#fff, $green-bean-casserole, 20%);
$green-bean-casserole-dark: mix(#000, $green-bean-casserole, 20%);
.element {
color: $green-bean-casserole;
box-shadow: 0 0 0 2px rgba($green-bean-casserole, 0.35);
}