Colore con nome · #B8CC82
Nurgling Green
Nurgling Green è #B8CC82: rgb(184 204 130), hsl(76 42% 65%), oklch(0.813 0.1 121). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Nurgling Green color name →
#B8CC82
oklch(0.813 0.1 121)
Conversioni di colore
- HEX
- #b8cc82
- RGB
- rgb(184 204 130)
- HSL
- hsl(76 42% 65%)
- HWB
- hwb(76 51% 20%)
- OKLCH
- oklch(0.813 0.1 121)
- OKLab
- oklab(0.813 -0.051 0.086)
- CIE Lab
- lab(79.22 -15.95 34.53)
- LCH
- lch(79.22 38.04 114.8)
- CMYK
- cmyk(10% 0% 36% 20%)
Tinte · Ombre · Toni
Tinte
- BFD18F
- C6D69C
- CDDCA8
- D4E1B5
- DBE6C1
- E2EBCE
- E9F0DA
- F0F5E6
- F8FAF3
Ombre
- A0B170
- 88975F
- 717E4E
- 5B653E
- 454E2F
- 313720
- 1E2212
- 0C0F06
- 020201
Toni
- B2C483
- ACBD83
- A7B583
- A1AD83
- 9BA683
- 969E83
- 909682
- 8B8F82
- 858781
Armonie di colore
Complementare +180°
- B8CC82
Nurgling Green
- CCB3F9
≈ Violet Heaven
Analogo -30° +30°
- B8CC82
Nurgling Green
- DAC074
≈ Tropical Siesta
- 91D5A1
≈ Green Ash
Triadico +120° +240°
- B8CC82
Nurgling Green
- 85CAFC
≈ Chromis Damsel Blue
- F8A7BE
≈ Pink Flutter
Complementare divisa +150° +210°
- B8CC82
Nurgling Green
- ABBFFF
≈ Pastel Blue
- E8AAE0
≈ Candy Floss
Tetradico +90° +180° +270°
- B8CC82
Nurgling Green
- 6BD3E6
≈ Middle Blue
- CCB3F9
≈ Violet Heaven
- FBAA9A
≈ Pink Rose Bud
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.99:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.99:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--nurgling-green: #b8cc82;
--nurgling-green-rgb: 184 204 130;
--nurgling-green-oklch: oklch(0.813 0.1 121);
}
.element {
color: var(--nurgling-green);
background-color: hsl(76 42% 65%);
border-color: oklch(0.813 0.1 121);
}Tailwind CSS v4
@theme {
--color-nurgling-green: #b8cc82;
--color-nurgling-green-50: #effadb;
--color-nurgling-green-100: #e1eeca;
--color-nurgling-green-200: #ccdcad;
--color-nurgling-green-300: #aec087;
--color-nurgling-green-400: #96a863;
--color-nurgling-green-500: #7c903f;
--color-nurgling-green-600: #697a36;
--color-nurgling-green-700: #54622b;
--color-nurgling-green-800: #3f471c;
--color-nurgling-green-900: #2b3113;
--color-nurgling-green-950: #181d05;
}SCSS
$nurgling-green: #b8cc82;
$nurgling-green-rgb: 184, 204, 130;
$nurgling-green-light: mix(#fff, $nurgling-green, 20%);
$nurgling-green-dark: mix(#000, $nurgling-green, 20%);
.element {
color: $nurgling-green;
box-shadow: 0 0 0 2px rgba($nurgling-green, 0.35);
}