Nazwany kolor · #AAFF32
Lime
Lime to #AAFF32: rgb(170 255 50), hsl(85 100% 60%), oklch(0.912 0.234 130.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Lime color name →
#AAFF32
oklch(0.912 0.234 130.7)
Konwersje koloru
- HEX
- #aaff32
- RGB
- rgb(170 255 50)
- HSL
- hsl(85 100% 60%)
- HWB
- hwb(85 20% 0%)
- OKLCH
- oklch(0.912 0.234 130.7)
- OKLab
- oklab(0.912 -0.152 0.177)
- CIE Lab
- lab(92.05 -47.36 79.55)
- LCH
- lch(92.05 92.58 120.8)
- CMYK
- cmyk(33% 0% 80% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B3FF57
- BCFF71
- C4FF87
- CDFF9B
- D5FFAD
- DEFFBF
- E6FFCF
- EFFFE0
- F7FFEF
Odcienie ciemniejsze
- 93DE2A
- 7DBE22
- 689E1B
- 538014
- 3F630D
- 2D4807
- 1B2E03
- 0B1601
- 010300
Tony
- A6F247
- A2E555
- 9ED85F
- 9ACC68
- 96BF6E
- 92B273
- 8DA678
- 89997B
- 858D7E
Harmonie kolorów
Komplementarna +180°
- AAFF32
Lime
- EED8FF
≈ Lavender Savour
Analogowa -30° +30°
- AAFF32
Lime
- FFE400
≈ Star
- 81FFC2
≈ Iridescent Turquoise
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- AAFF32
Lime
- DCDFFF
≈ Contrail
- FFD3EE
≈ Pink Currant
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.05:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--lime: #aaff32;
--lime-rgb: 170 255 50;
--lime-oklch: oklch(0.912 0.234 130.7);
}
.element {
color: var(--lime);
background-color: hsl(85 100% 60%);
border-color: oklch(0.912 0.234 130.7);
}Tailwind CSS v4
@theme {
--color-lime: #aaff32;
--color-lime-50: #dcffbf;
--color-lime-100: #caf9a7;
--color-lime-200: #ade97d;
--color-lime-300: #87cf41;
--color-lime-400: #6bb700;
--color-lime-500: #49a000;
--color-lime-600: #3f8700;
--color-lime-700: #326c00;
--color-lime-800: #284f00;
--color-lime-900: #1b3700;
--color-lime-950: #0b2200;
}SCSS
$lime: #aaff32;
$lime-rgb: 170, 255, 50;
$lime-light: mix(#fff, $lime, 20%);
$lime-dark: mix(#000, $lime, 20%);
.element {
color: $lime;
box-shadow: 0 0 0 2px rgba($lime, 0.35);
}