Colore con nome · #B8C17E
Everglade Glen
Everglade Glen è #B8C17E: rgb(184 193 126), hsl(68 35% 63%), oklch(0.788 0.089 114.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Everglade Glen color name →
#B8C17E
oklch(0.788 0.089 114.7)
Conversioni di colore
- HEX
- #b8c17e
- RGB
- rgb(184 193 126)
- HSL
- hsl(68 35% 63%)
- HWB
- hwb(68 49% 24%)
- OKLCH
- oklch(0.788 0.089 114.7)
- OKLab
- oklab(0.788 -0.037 0.081)
- CIE Lab
- lab(76.17 -11.1 32.68)
- LCH
- lch(76.17 34.52 108.8)
- CMYK
- cmyk(5% 0% 35% 24%)
Tinte · Ombre · Toni
Tinte
- BFC78B
- C6CD98
- CDD4A5
- D4DAB2
- DBE0BF
- E2E6CC
- E9ECD8
- F0F3E5
- F8F9F2
Ombre
- A0A76D
- 888F5C
- 71774C
- 5B5F3C
- 45492D
- 31341F
- 1E2011
- 0C0E05
- 020201
Toni
- B2BA7F
- ACB480
- A7AD80
- A1A781
- 9BA081
- 969A81
- 909381
- 8B8D81
- 858680
Armonie di colore
Complementare +180°
- B8C17E
Everglade Glen
- BDAFEE
≈ Purple Sand
Analogo -30° +30°
- B8C17E
Everglade Glen
- D4B676
≈ Sinking Sand
- 96C996
≈ Kettle Drum
Triadico +120° +240°
- B8C17E
Everglade Glen
- 7FC4EB
≈ Wasurenagusa Blue
- E8A2BD
≈ Rose Elegance
Complementare divisa +150° +210°
- B8C17E
Everglade Glen
- 9EBAF4
≈ Truesky Gloxym
- D7A7DA
≈ Favourite Lavender
Tetradico +90° +180° +270°
- B8C17E
Everglade Glen
- 6ECBD5
≈ Beach Sparkle
- BDAFEE
≈ Purple Sand
- EEA49D
≈ Modestly Peach
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.91:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.96:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--everglade-glen: #b8c17e;
--everglade-glen-rgb: 184 193 126;
--everglade-glen-oklch: oklch(0.788 0.089 114.7);
}
.element {
color: var(--everglade-glen);
background-color: hsl(68 35% 63%);
border-color: oklch(0.788 0.089 114.7);
}Tailwind CSS v4
@theme {
--color-everglade-glen: #b8c17e;
--color-everglade-glen-50: #f3f9dc;
--color-everglade-glen-100: #e5eccb;
--color-everglade-glen-200: #d1daaf;
--color-everglade-glen-300: #b4be8a;
--color-everglade-glen-400: #9da567;
--color-everglade-glen-500: #858d44;
--color-everglade-glen-600: #70773a;
--color-everglade-glen-700: #5a5f2e;
--color-everglade-glen-800: #43461f;
--color-everglade-glen-900: #2e3015;
--color-everglade-glen-950: #1b1c06;
}SCSS
$everglade-glen: #b8c17e;
$everglade-glen-rgb: 184, 193, 126;
$everglade-glen-light: mix(#fff, $everglade-glen, 20%);
$everglade-glen-dark: mix(#000, $everglade-glen, 20%);
.element {
color: $everglade-glen;
box-shadow: 0 0 0 2px rgba($everglade-glen, 0.35);
}