Nazwany kolor · #9FAC5C
Stay in Lime
Stay in Lime to #9FAC5C: rgb(159 172 92), hsl(70 33% 52%), oklch(0.716 0.106 116.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Stay in Lime color name →
#9FAC5C
oklch(0.716 0.106 116.7)
Konwersje koloru
- HEX
- #9fac5c
- RGB
- rgb(159 172 92)
- HSL
- hsl(70 33% 52%)
- HWB
- hwb(70 36% 33%)
- OKLCH
- oklch(0.716 0.106 116.7)
- OKLab
- oklab(0.716 -0.048 0.095)
- CIE Lab
- lab(67.97 -13.86 39.23)
- LCH
- lch(67.97 41.6 109.5)
- CMYK
- cmyk(8% 0% 47% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A8B46D
- B1BD7E
- BBC58E
- C4CD9E
- CED5AE
- D7DEBE
- E1E6CE
- EBEEDF
- F5F7EF
Odcienie ciemniejsze
- 8A954F
- 757F42
- 616936
- 4D542A
- 3B401F
- 292D14
- 181B0A
- 090B03
- 010100
Tony
- 9CA861
- 99A366
- 959F6A
- 929B6E
- 8F9671
- 8C9275
- 898D78
- 86897B
- 83847D
Harmonie kolorów
Komplementarna +180°
- 9FAC5C
Stay in Lime
- AA95DE
≈ Dull Lavender
Analogowa -30° +30°
- 9FAC5C
Stay in Lime
- C09F50
≈ Tupelo Honey
- 76B57C
≈ Frog Pond
Triada +120° +240°
- 9FAC5C
Stay in Lime
- 5CADDD
≈ Cousteau
- D887A5
≈ Vivacious Pink
Komplementarna rozszczepiona +150° +210°
- 9FAC5C
Stay in Lime
- 85A1E6
≈ Blue Cue
- C68CC6
≈ Rose Souvenir
Tetrada +90° +180° +270°
- 9FAC5C
Stay in Lime
- 3DB6C5
≈ Utopia Beckons
- AA95DE
≈ Dull Lavender
- DE8980
≈ Watermelon Punch
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.46:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.52:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--stay-in-lime: #9fac5c;
--stay-in-lime-rgb: 159 172 92;
--stay-in-lime-oklch: oklch(0.716 0.106 116.7);
}
.element {
color: var(--stay-in-lime);
background-color: hsl(70 33% 52%);
border-color: oklch(0.716 0.106 116.7);
}Tailwind CSS v4
@theme {
--color-stay-in-lime: #9fac5c;
--color-stay-in-lime-50: #f2fad8;
--color-stay-in-lime-100: #e4edc6;
--color-stay-in-lime-200: #cfdba8;
--color-stay-in-lime-300: #b1bf81;
--color-stay-in-lime-400: #9aa75b;
--color-stay-in-lime-500: #828f33;
--color-stay-in-lime-600: #6e792d;
--color-stay-in-lime-700: #586124;
--color-stay-in-lime-800: #414617;
--color-stay-in-lime-900: #2d310f;
--color-stay-in-lime-950: #1a1d03;
}SCSS
$stay-in-lime: #9fac5c;
$stay-in-lime-rgb: 159, 172, 92;
$stay-in-lime-light: mix(#fff, $stay-in-lime, 20%);
$stay-in-lime-dark: mix(#000, $stay-in-lime, 20%);
.element {
color: $stay-in-lime;
box-shadow: 0 0 0 2px rgba($stay-in-lime, 0.35);
}