Colore con nome · #B4BE93
Gloaming Green
Gloaming Green è #B4BE93: rgb(180 190 147), hsl(74 25% 66%), oklch(0.783 0.06 118.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Gloaming Green color name →
#B4BE93
oklch(0.783 0.06 118.4)
Conversioni di colore
- HEX
- #b4be93
- RGB
- rgb(180 190 147)
- HSL
- hsl(74 25% 66%)
- HWB
- hwb(74 58% 25%)
- OKLCH
- oklch(0.783 0.06 118.4)
- OKLab
- oklab(0.783 -0.028 0.052)
- CIE Lab
- lab(75.35 -9.08 20.59)
- LCH
- lch(75.35 22.5 113.8)
- CMYK
- cmyk(5% 0% 23% 25%)
Tinte · Ombre · Toni
Tinte
- BBC49E
- C3CBA8
- CAD1B3
- D1D8BE
- D9DEC8
- E0E5D3
- E8EBDE
- F0F2E9
- F7F8F4
Ombre
- 9CA57F
- 858C6C
- 6E7559
- 585E47
- 444836
- 303325
- 1D1F16
- 0C0D08
- 020201
Toni
- AFB891
- A9B190
- A4AB8E
- 9FA58C
- 9A9F8A
- 949888
- 8F9286
- 8A8C84
- 858682
Armonie di colore
Complementare +180°
- B4BE93
Gloaming Green
- BDB0DA
≈ Moonraker
Analogo -30° +30°
- B4BE93
Gloaming Green
- C8B78D
≈ Soybean
- 9FC3A3
≈ Aroma Garden
Triadico +120° +240°
- B4BE93
Gloaming Green
- 95BEDA
≈ Sleeping Easy
- D9A9B8
≈ Pink Nectar
Complementare divisa +150° +210°
- B4BE93
Gloaming Green
- A8B7DF
≈ Sassy Violet
- CEABCC
≈ Orchid Bouquet
Tetradico +90° +180° +270°
- B4BE93
Gloaming Green
- 8BC3CC
≈ After the Rain
- BDB0DA
≈ Moonraker
- DCAAA3
≈ Coral Cove
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.95:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.72:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--gloaming-green: #b4be93;
--gloaming-green-rgb: 180 190 147;
--gloaming-green-oklch: oklch(0.783 0.06 118.4);
}
.element {
color: var(--gloaming-green);
background-color: hsl(74 25% 66%);
border-color: oklch(0.783 0.06 118.4);
}Tailwind CSS v4
@theme {
--color-gloaming-green: #b4be93;
--color-gloaming-green-50: #f2f8e5;
--color-gloaming-green-100: #e5ebd5;
--color-gloaming-green-200: #d0d9bc;
--color-gloaming-green-300: #b3bc9b;
--color-gloaming-green-400: #9ba47c;
--color-gloaming-green-500: #828c5e;
--color-gloaming-green-600: #6e7650;
--color-gloaming-green-700: #585f40;
--color-gloaming-green-800: #41452d;
--color-gloaming-green-900: #2d301f;
--color-gloaming-green-950: #1a1c0e;
}SCSS
$gloaming-green: #b4be93;
$gloaming-green-rgb: 180, 190, 147;
$gloaming-green-light: mix(#fff, $gloaming-green, 20%);
$gloaming-green-dark: mix(#000, $gloaming-green, 20%);
.element {
color: $gloaming-green;
box-shadow: 0 0 0 2px rgba($gloaming-green, 0.35);
}