Nazwany kolor · #92D599
May Apple
May Apple to #92D599: rgb(146 213 153), hsl(126 44% 70%), oklch(0.813 0.108 147.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · May Apple color name →
#92D599
oklch(0.813 0.108 147.1)
Konwersje koloru
- HEX
- #92d599
- RGB
- rgb(146 213 153)
- HSL
- hsl(126 44% 70%)
- HWB
- hwb(126 57% 16%)
- OKLCH
- oklch(0.813 0.108 147.1)
- OKLab
- oklab(0.813 -0.09 0.059)
- CIE Lab
- lab(79.63 -31.03 22.76)
- LCH
- lch(79.63 38.48 143.7)
- CMYK
- cmyk(31% 0% 28% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9DD9A3
- A9DEAD
- B4E2B7
- BFE6C2
- C9EACC
- D4EFD6
- DFF3E0
- EAF7EA
- F4FBF5
Odcienie ciemniejsze
- 7EB984
- 6B9E70
- 58835D
- 466A4A
- 355138
- 253A27
- 162417
- 081008
- 010201
Tony
- 91CC97
- 90C494
- 8EBB92
- 8CB290
- 8BAA8D
- 89A18B
- 879988
- 859185
- 828883
Harmonie kolorów
Komplementarna +180°
- 92D599
May Apple
- E7A9E6
≈ Candy Floss
Analogowa -30° +30°
- 92D599
May Apple
- BCCB79
≈ Greenish Tan
- 6BD9C0
≈ Star Grass
Triada +120° +240°
- 92D599
May Apple
- A7C0FF
≈ Pastel Blue
- FFA79D
≈ Corally
Komplementarna rozszczepiona +150° +210°
- 92D599
May Apple
- C9B3FF
≈ Teasel Dipsacus
- FAA4C2
≈ Rogue Pink
Tetrada +90° +180° +270°
- 92D599
May Apple
- 7ACCFF
≈ Bubbly Barracuda
- E7A9E6
≈ Candy Floss
- F7B07B
≈ Tacao
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.72:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.19:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--may-apple: #92d599;
--may-apple-rgb: 146 213 153;
--may-apple-oklch: oklch(0.813 0.108 147.1);
}
.element {
color: var(--may-apple);
background-color: hsl(126 44% 70%);
border-color: oklch(0.813 0.108 147.1);
}Tailwind CSS v4
@theme {
--color-may-apple: #92d599;
--color-may-apple-50: #e1fee5;
--color-may-apple-100: #d0f3d5;
--color-may-apple-200: #b5e2bc;
--color-may-apple-300: #90c799;
--color-may-apple-400: #72b079;
--color-may-apple-500: #50995b;
--color-may-apple-600: #45824d;
--color-may-apple-700: #37683d;
--color-may-apple-800: #284c2a;
--color-may-apple-900: #1b351c;
--color-may-apple-950: #0b200d;
}SCSS
$may-apple: #92d599;
$may-apple-rgb: 146, 213, 153;
$may-apple-light: mix(#fff, $may-apple, 20%);
$may-apple-dark: mix(#000, $may-apple, 20%);
.element {
color: $may-apple;
box-shadow: 0 0 0 2px rgba($may-apple, 0.35);
}