Colore con nome · #B7E3A8
Madang
Madang è #B7E3A8: rgb(183 227 168), hsl(105 51% 77%), oklch(0.87 0.092 137.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Madang color name →
#B7E3A8
oklch(0.87 0.092 137.9)
Conversioni di colore
- HEX
- #b7e3a8
- RGB
- rgb(183 227 168)
- HSL
- hsl(105 51% 77%)
- HWB
- hwb(105 66% 11%)
- OKLCH
- oklch(0.87 0.092 137.9)
- OKLab
- oklab(0.87 -0.068 0.062)
- CIE Lab
- lab(86 -22.89 24.05)
- LCH
- lch(86 33.2 133.6)
- CMYK
- cmyk(19% 0% 26% 11%)
Tinte · Ombre · Toni
Tinte
- BEE6B1
- C5E9BA
- CDECC2
- D4EFCB
- DBF1D4
- E2F4DC
- E9F7E5
- F1FAEE
- F8FCF6
Ombre
- 9FC592
- 87A87C
- 708C67
- 5A7152
- 45573F
- 313F2C
- 1E271A
- 0C120A
- 020301
Toni
- B2D9A4
- ACCFA0
- A7C49C
- A1BA98
- 9CB095
- 96A790
- 919D8C
- 8B9388
- 868A84
Armonie di colore
Complementare +180°
- B7E3A8
Madang
- EEC2FC
≈ Light Lavender
Analogo -30° +30°
- B7E3A8
Madang
- DAD992
≈ Flax Fibre
- 96E8C8
≈ Bubble Algae
Triadico +120° +240°
- B7E3A8
Madang
- BAD6FF
≈ Oh Boy!
- FFC2C3
≈ Pink and Sleek
Complementare divisa +150° +210°
- B7E3A8
Madang
- D1CEFF
≈ Lavender Blue
- FFBEDE
≈ Pink Satin
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.56:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--madang: #b7e3a8;
--madang-rgb: 183 227 168;
--madang-oklch: oklch(0.87 0.092 137.9);
}
.element {
color: var(--madang);
background-color: hsl(105 51% 77%);
border-color: oklch(0.87 0.092 137.9);
}Tailwind CSS v4
@theme {
--color-madang: #b7e3a8;
--color-madang-50: #e8fce3;
--color-madang-100: #d8f0d3;
--color-madang-200: #c0deb9;
--color-madang-300: #9fc397;
--color-madang-400: #84ac76;
--color-madang-500: #679557;
--color-madang-600: #587e4b;
--color-madang-700: #46653b;
--color-madang-800: #344a29;
--color-madang-900: #23331b;
--color-madang-950: #121f0c;
}SCSS
$madang: #b7e3a8;
$madang-rgb: 183, 227, 168;
$madang-light: mix(#fff, $madang, 20%);
$madang-dark: mix(#000, $madang, 20%);
.element {
color: $madang;
box-shadow: 0 0 0 2px rgba($madang, 0.35);
}