Nazwany kolor · #AAFF00
Lime Candy Pearl
Lime Candy Pearl to #AAFF00: rgb(170 255 0), hsl(80 100% 50%), oklch(0.91 0.245 129.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Lime Candy Pearl color name →
#AAFF00
oklch(0.91 0.245 129.9)
Konwersje koloru
- HEX
- #aaff00
- RGB
- rgb(170 255 0)
- HSL
- hsl(80 100% 50%)
- HWB
- hwb(80 0% 0%)
- OKLCH
- oklch(0.91 0.245 129.9)
- OKLab
- oklab(0.91 -0.157 0.188)
- CIE Lab
- lab(91.97 -48.12 86.3)
- LCH
- lch(91.97 98.81 119.1)
- CMYK
- cmyk(33% 0% 100% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B3FF48
- BCFF67
- C4FF7F
- CDFF95
- D5FFA9
- DEFFBB
- E6FFCD
- EEFFDE
- F7FFEF
Odcienie ciemniejsze
- 93DE00
- 7DBE00
- 689E00
- 538000
- 3F6300
- 2D4800
- 1B2E00
- 0B1600
- 010300
Tony
- A6F234
- A2E549
- 9ED857
- 9ACC61
- 96BF69
- 92B270
- 8DA675
- 89997A
- 858D7D
Harmonie kolorów
Komplementarna +180°
- AAFF00
Lime Candy Pearl
- EDD7FF
≈ Lavender Savour
Analogowa -30° +30°
- AAFF00
Lime Candy Pearl
- FFE31A
≈ Crypto Gold
- 80FFC0
≈ Mint Bliss
Triada +120° +240°
- AAFF00
Lime Candy Pearl
- CCE4FF
≈ Fresh Water
- FFD5DA
≈ No Need to Blush
Komplementarna rozszczepiona +150° +210°
- AAFF00
Lime Candy Pearl
- DBDFFF
≈ Contrail
- FFD2EF
≈ Shampoo
Tetrada +90° +180° +270°
- AAFF00
Lime Candy Pearl
- B2ECFF
≈ Beyond the Clouds
- EDD7FF
≈ Lavender Savour
- FFD7CA
≈ Shell Tint
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.01:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.01:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--lime-candy-pearl: #aaff00;
--lime-candy-pearl-rgb: 170 255 0;
--lime-candy-pearl-oklch: oklch(0.91 0.245 129.9);
}
.element {
color: var(--lime-candy-pearl);
background-color: hsl(80 100% 50%);
border-color: oklch(0.91 0.245 129.9);
}Tailwind CSS v4
@theme {
--color-lime-candy-pearl: #aaff00;
--color-lime-candy-pearl-50: #dcffbb;
--color-lime-candy-pearl-100: #caf9a3;
--color-lime-candy-pearl-200: #adea77;
--color-lime-candy-pearl-300: #87d034;
--color-lime-candy-pearl-400: #6cb700;
--color-lime-candy-pearl-500: #4aa000;
--color-lime-candy-pearl-600: #3f8700;
--color-lime-candy-pearl-700: #326d00;
--color-lime-candy-pearl-800: #294f00;
--color-lime-candy-pearl-900: #1b3700;
--color-lime-candy-pearl-950: #0c2200;
}SCSS
$lime-candy-pearl: #aaff00;
$lime-candy-pearl-rgb: 170, 255, 0;
$lime-candy-pearl-light: mix(#fff, $lime-candy-pearl, 20%);
$lime-candy-pearl-dark: mix(#000, $lime-candy-pearl, 20%);
.element {
color: $lime-candy-pearl;
box-shadow: 0 0 0 2px rgba($lime-candy-pearl, 0.35);
}