Najbliższy nazwany kolor · #92D88F
#92D88F
Najbliższy nazwany kolor: Leek
#92D88F (rgb(146 216 143), hsl(118 48% 70%), oklch(0.817 0.123 143.4)) jest najbliższy nazwanemu kolorowi Leek. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#92D88F
oklch(0.817 0.123 143.4)
Konwersje koloru
- HEX
- #92d88f
- RGB
- rgb(146 216 143)
- HSL
- hsl(118 48% 70%)
- HWB
- hwb(118 56% 15%)
- OKLCH
- oklch(0.817 0.123 143.4)
- OKLab
- oklab(0.817 -0.099 0.073)
- CIE Lab
- lab(80.34 -33.53 28.83)
- LCH
- lch(80.34 44.22 139.3)
- CMYK
- cmyk(32% 0% 34% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9DDC9A
- A9E0A6
- B4E4B1
- BFE8BC
- CAECC7
- D4F0D2
- DFF4DE
- EAF8E9
- F4FBF4
Odcienie ciemniejsze
- 7EBC7C
- 6BA069
- 588557
- 466B45
- 355334
- 253B24
- 162515
- 081107
- 010201
Tony
- 91CF8E
- 90C68D
- 8EBD8C
- 8DB48A
- 8BAB89
- 89A387
- 879A86
- 859184
- 828982
Harmonie kolorów
Komplementarna +180°
- 92D88F
Leek
- EAA8F1
≈ Pinky Swear
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.44:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--leek: #92d88f;
--leek-rgb: 146 216 143;
--leek-oklch: oklch(0.817 0.123 143.4);
}
.element {
color: var(--leek);
background-color: hsl(118 48% 70%);
border-color: oklch(0.817 0.123 143.4);
}Tailwind CSS v4
@theme {
--color-leek: #92d88f;
--color-leek-50: #e0ffe0;
--color-leek-100: #cff3cf;
--color-leek-200: #b4e3b5;
--color-leek-300: #8fc891;
--color-leek-400: #70b16e;
--color-leek-500: #4e9a4d;
--color-leek-600: #438342;
--color-leek-700: #366934;
--color-leek-800: #284d23;
--color-leek-900: #1b3517;
--color-leek-950: #0b2008;
}SCSS
$leek: #92d88f;
$leek-rgb: 146, 216, 143;
$leek-light: mix(#fff, $leek, 20%);
$leek-dark: mix(#000, $leek, 20%);
.element {
color: $leek;
box-shadow: 0 0 0 2px rgba($leek, 0.35);
}