Nazwany kolor · #92B57B
Snipped Chive
Snipped Chive to #92B57B: rgb(146 181 123), hsl(96 28% 60%), oklch(0.732 0.089 133.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Snipped Chive color name →
#92B57B
oklch(0.732 0.089 133.5)
Konwersje koloru
- HEX
- #92b57b
- RGB
- rgb(146 181 123)
- HSL
- hsl(96 28% 60%)
- HWB
- hwb(96 48% 29%)
- OKLCH
- oklch(0.732 0.089 133.5)
- OKLab
- oklab(0.732 -0.061 0.065)
- CIE Lab
- lab(69.98 -20.29 25.59)
- LCH
- lch(69.98 32.66 128.4)
- CMYK
- cmyk(19% 0% 32% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9DBC88
- A7C495
- B2CBA2
- BDD2AF
- C8DABC
- D2E1CA
- DDE9D7
- E9F0E4
- F4F8F2
Odcienie ciemniejsze
- 7E9D6A
- 6B865A
- 586F4A
- 46593A
- 35442C
- 25301E
- 161D10
- 080C05
- 010201
Tony
- 90B07C
- 8FAA7D
- 8DA57E
- 8BA07E
- 899A7F
- 87957F
- 86907F
- 848B80
- 828580
Harmonie kolorów
Komplementarna +180°
- 92B57B
Snipped Chive
- BD98D0
≈ Amethyst Show
Analogowa -30° +30°
- 92B57B
Snipped Chive
- B2AB68
≈ Jalapeño Jelly
- 71BA99
≈ Mountain Lake Green
Triada +120° +240°
- 92B57B
Snipped Chive
- 81ACE0
≈ Pool Floor
- DA9198
≈ Dancer
Komplementarna rozszczepiona +150° +210°
- 92B57B
Snipped Chive
- A1A1DF
≈ Simply Violet
- D192B7
≈ Pressed Flower
Tetrada +90° +180° +270°
- 92B57B
Snipped Chive
- 64B5D2
≈ Shimmering Brook
- BD98D0
≈ Amethyst Show
- D8967B
≈ Tropical Blooms
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.30:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.11:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--snipped-chive: #92b57b;
--snipped-chive-rgb: 146 181 123;
--snipped-chive-oklch: oklch(0.732 0.089 133.5);
}
.element {
color: var(--snipped-chive);
background-color: hsl(96 28% 60%);
border-color: oklch(0.732 0.089 133.5);
}Tailwind CSS v4
@theme {
--color-snipped-chive: #92b57b;
--color-snipped-chive-50: #eafbe2;
--color-snipped-chive-100: #dbefd2;
--color-snipped-chive-200: #c4ddb8;
--color-snipped-chive-300: #a4c295;
--color-snipped-chive-400: #89aa74;
--color-snipped-chive-500: #6e9354;
--color-snipped-chive-600: #5d7c48;
--color-snipped-chive-700: #4a6439;
--color-snipped-chive-800: #374927;
--color-snipped-chive-900: #26321a;
--color-snipped-chive-950: #141e0b;
}SCSS
$snipped-chive: #92b57b;
$snipped-chive-rgb: 146, 181, 123;
$snipped-chive-light: mix(#fff, $snipped-chive, 20%);
$snipped-chive-dark: mix(#000, $snipped-chive, 20%);
.element {
color: $snipped-chive;
box-shadow: 0 0 0 2px rgba($snipped-chive, 0.35);
}