Nazwany kolor · #88FF22
Loud Lime
Loud Lime to #88FF22: rgb(136 255 34), hsl(92 100% 57%), oklch(0.895 0.255 135.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Loud Lime color name →
#88FF22
oklch(0.895 0.255 135.4)
Konwersje koloru
- HEX
- #88ff22
- RGB
- rgb(136 255 34)
- HSL
- hsl(92 100% 57%)
- HWB
- hwb(92 13% 0%)
- OKLCH
- oklch(0.895 0.255 135.4)
- OKLab
- oklab(0.895 -0.182 0.179)
- CIE Lab
- lab(90.44 -58.51 80.76)
- LCH
- lch(90.44 99.73 125.9)
- CMYK
- cmyk(47% 0% 87% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 96FF4F
- A3FF6B
- B0FF82
- BCFF97
- C8FFAA
- D3FFBC
- DEFFCD
- E9FFDE
- F4FFEF
Odcienie ciemniejsze
- 75DE1C
- 63BE16
- 529E11
- 41800B
- 316307
- 224803
- 132E01
- 061600
- 010300
Tony
- 89F23E
- 89E54E
- 8AD95A
- 89CC64
- 89BF6B
- 87B371
- 86A676
- 84997A
- 828D7D
Harmonie kolorów
Komplementarna +180°
- 88FF22
Loud Lime
- F0CEFF
≈ Rose Dragée
Analogowa -30° +30°
- 88FF22
Loud Lime
- EFE200
≈ Xanthic
- 47FFC1
≈ Move Mint
Triada +120° +240°
- 88FF22
Loud Lime
- C6DFFF
≈ Arc Light
- FFCED0
≈ Lusty-Gallant
Komplementarna rozszczepiona +150° +210°
- 88FF22
Loud Lime
- D8D8FF
≈ Icy Plains
- FFCBE6
≈ Classic Rose
Tetrada +90° +180° +270°
- 88FF22
Loud Lime
- ABE7FF
≈ Fresh Air
- F0CEFF
≈ Rose Dragée
- FFD1BC
≈ Vienna Sausage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.37:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.37:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--loud-lime: #88ff22;
--loud-lime-rgb: 136 255 34;
--loud-lime-oklch: oklch(0.895 0.255 135.4);
}
.element {
color: var(--loud-lime);
background-color: hsl(92 100% 57%);
border-color: oklch(0.895 0.255 135.4);
}Tailwind CSS v4
@theme {
--color-loud-lime: #88ff22;
--color-loud-lime-50: #d2ffbf;
--color-loud-lime-100: #bffca7;
--color-loud-lime-200: #9ded7d;
--color-loud-lime-300: #70d441;
--color-loud-lime-400: #4dbc00;
--color-loud-lime-500: #02a500;
--color-loud-lime-600: #0e8c00;
--color-loud-lime-700: #0d7000;
--color-loud-lime-800: #135200;
--color-loud-lime-900: #0c3900;
--color-loud-lime-950: #012300;
}SCSS
$loud-lime: #88ff22;
$loud-lime-rgb: 136, 255, 34;
$loud-lime-light: mix(#fff, $loud-lime, 20%);
$loud-lime-dark: mix(#000, $loud-lime, 20%);
.element {
color: $loud-lime;
box-shadow: 0 0 0 2px rgba($loud-lime, 0.35);
}