Nazwany kolor · #99BD91
Milly Green
Milly Green to #99BD91: rgb(153 189 145), hsl(109 25% 65%), oklch(0.76 0.073 140). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Milly Green color name →
#99BD91
oklch(0.76 0.073 140)
Konwersje koloru
- HEX
- #99bd91
- RGB
- rgb(153 189 145)
- HSL
- hsl(109 25% 65%)
- HWB
- hwb(109 57% 26%)
- OKLCH
- oklch(0.76 0.073 140)
- OKLab
- oklab(0.76 -0.056 0.047)
- CIE Lab
- lab(73.08 -18.87 18.18)
- LCH
- lch(73.08 26.2 136.1)
- CMYK
- cmyk(19% 0% 23% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3C49C
- ADCAA7
- B7D1B1
- C1D7BC
- CBDEC7
- D6E4D2
- E0EBDD
- EAF2E8
- F5F8F4
Odcienie ciemniejsze
- 84A47D
- 708C6A
- 5D7458
- 4A5D46
- 384735
- 273325
- 171F15
- 080D07
- 010201
Tony
- 97B78F
- 94B18E
- 92AA8C
- 8FA48B
- 8D9E89
- 8A9887
- 889285
- 858C84
- 838682
Harmonie kolorów
Komplementarna +180°
- 99BD91
Milly Green
- C6A3CE
≈ Lilac Lace
Analogowa -30° +30°
- 99BD91
Milly Green
- B3B67F
≈ Fancy Flirt
- 81C1AA
≈ Gauss Blaster Green
Triada +120° +240°
- 99BD91
Milly Green
- 96B2E0
≈ Blue Skies Today
- DC9F9E
≈ Pink Pussycat
Komplementarna rozszczepiona +150° +210°
- 99BD91
Milly Green
- B0AADD
≈ Maximum Blue Purple
- D69FB8
≈ Gizmo
Tetrada +90° +180° +270°
- 99BD91
Milly Green
- 80BAD7
≈ Petit Four
- C6A3CE
≈ Lilac Lace
- D8A488
≈ Clay Fire
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.09:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.04:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 10.04:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--milly-green: #99bd91;
--milly-green-rgb: 153 189 145;
--milly-green-oklch: oklch(0.76 0.073 140);
}
.element {
color: var(--milly-green);
background-color: hsl(109 25% 65%);
border-color: oklch(0.76 0.073 140);
}Tailwind CSS v4
@theme {
--color-milly-green: #99bd91;
--color-milly-green-50: #eafbe8;
--color-milly-green-100: #dbefd8;
--color-milly-green-200: #c3ddc0;
--color-milly-green-300: #a3c19f;
--color-milly-green-400: #88a980;
--color-milly-green-500: #6c9264;
--color-milly-green-600: #5c7c55;
--color-milly-green-700: #496344;
--color-milly-green-800: #364830;
--color-milly-green-900: #253220;
--color-milly-green-950: #131e10;
}SCSS
$milly-green: #99bd91;
$milly-green-rgb: 153, 189, 145;
$milly-green-light: mix(#fff, $milly-green, 20%);
$milly-green-dark: mix(#000, $milly-green, 20%);
.element {
color: $milly-green;
box-shadow: 0 0 0 2px rgba($milly-green, 0.35);
}