Colore con nome · #8CBF6F
Laudable Lime
Laudable Lime è #8CBF6F: rgb(140 191 111), hsl(98 38% 59%), oklch(0.75 0.121 135). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Laudable Lime color name →
#8CBF6F
oklch(0.75 0.121 135)
Conversioni di colore
- HEX
- #8cbf6f
- RGB
- rgb(140 191 111)
- HSL
- hsl(98 38% 59%)
- HWB
- hwb(98 44% 25%)
- OKLCH
- oklch(0.75 0.121 135)
- OKLab
- oklab(0.75 -0.086 0.086)
- CIE Lab
- lab(72.33 -28.27 34.69)
- LCH
- lch(72.33 44.75 129.2)
- CMYK
- cmyk(27% 0% 42% 25%)
Tinte · Ombre · Toni
Tinte
- 97C67E
- A3CC8C
- AED39B
- BAD9A9
- C5DFB7
- D1E6C6
- DCECD4
- E8F2E2
- F3F9F1
Ombre
- 79A660
- 678D51
- 557542
- 435E34
- 334827
- 23331A
- 141F0E
- 070D04
- 010201
Toni
- 8BB972
- 8AB274
- 89AC76
- 88A678
- 879F7A
- 86997B
- 84937D
- 838D7E
- 81867F
Armonie di colore
Complementare +180°
- 8CBF6F
Laudable Lime
- CB96E3
≈ Somewhere in a Fairytale
Analogo -30° +30°
- 8CBF6F
Laudable Lime
- B9B24F
≈ Hemp Tea
- 56C69B
≈ Mermaid’s Kiss
Triadico +120° +240°
- 8CBF6F
Laudable Lime
- 78B1F9
≈ French Sky Blue
- F08D95
≈ Ikkonzome Pink
Complementare divisa +150° +210°
- 8CBF6F
Laudable Lime
- A6A2F8
≈ Cold Lips
- E48EBF
≈ Tempting Pink
Tetradico +90° +180° +270°
- 8CBF6F
Laudable Lime
- 43BDE7
≈ Clean Pool
- CB96E3
≈ Somewhere in a Fairytale
- ED946B
≈ Sawtooth Aak
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.14:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.79:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--laudable-lime: #8cbf6f;
--laudable-lime-rgb: 140 191 111;
--laudable-lime-oklch: oklch(0.75 0.121 135);
}
.element {
color: var(--laudable-lime);
background-color: hsl(98 38% 59%);
border-color: oklch(0.75 0.121 135);
}Tailwind CSS v4
@theme {
--color-laudable-lime: #8cbf6f;
--color-laudable-lime-50: #e5fedc;
--color-laudable-lime-100: #d5f2ca;
--color-laudable-lime-200: #bce1ae;
--color-laudable-lime-300: #9ac688;
--color-laudable-lime-400: #7fae64;
--color-laudable-lime-500: #61973f;
--color-laudable-lime-600: #538037;
--color-laudable-lime-700: #42672b;
--color-laudable-lime-800: #314b1c;
--color-laudable-lime-900: #213412;
--color-laudable-lime-950: #111f05;
}SCSS
$laudable-lime: #8cbf6f;
$laudable-lime-rgb: 140, 191, 111;
$laudable-lime-light: mix(#fff, $laudable-lime, 20%);
$laudable-lime-dark: mix(#000, $laudable-lime, 20%);
.element {
color: $laudable-lime;
box-shadow: 0 0 0 2px rgba($laudable-lime, 0.35);
}