En yakın adlandırılmış renk · #92AC7E
#92AC7E
En yakın adlandırılmış renk: Lush Fields
#92AC7E (rgb(146 172 126), hsl(94 22% 58%), oklch(0.712 0.071 132)) en çok Lush Fields adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#92AC7E
oklch(0.712 0.071 132)
Renk dönüşümleri
- HEX
- #92ac7e
- RGB
- rgb(146 172 126)
- HSL
- hsl(94 22% 58%)
- HWB
- hwb(94 49% 33%)
- OKLCH
- oklch(0.712 0.071 132)
- OKLab
- oklab(0.712 -0.047 0.053)
- CIE Lab
- lab(67.45 -15.69 20.65)
- LCH
- lch(67.45 25.93 127.2)
- CMYK
- cmyk(15% 0% 27% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9CB48B
- A7BC97
- B2C5A4
- BCCDB1
- C7D5BD
- D2DDCA
- DDE6D7
- E8EEE4
- F4F7F2
Koyu tonlar
- 7E956D
- 6B7F5C
- 58694C
- 46543C
- 35402D
- 252D1F
- 161B11
- 080B05
- 010101
Gri tonlar
- 90A87E
- 8EA37F
- 8D9F7F
- 8B9A80
- 899680
- 879280
- 858D80
- 848980
- 828480
Renk uyumları
Tamamlayıcı +180°
- 92AC7E
Lush Fields
- B196C3
≈ Quibble
Analog -30° +30°
- 92AC7E
Lush Fields
- ABA470
≈ Autumn Sage
- 7AB095
≈ Nature Green
Üçlü +120° +240°
- 92AC7E
Lush Fields
- 82A6CE
≈ Windfall
- CA9096
≈ Garnet Shadow
Bölünmüş tamamlayıcı +150° +210°
- 92AC7E
Lush Fields
- 9B9DCE
≈ Indigo Child
- C291AF
≈ Mauve Magic
Dörtlü +90° +180° +270°
- 92AC7E
Lush Fields
- 6FADC2
≈ Blue Eye Samurai
- B196C3
≈ Quibble
- C99480
≈ Beauty and the Beach
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.49:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.42:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--lush-fields: #92ac7e;
--lush-fields-rgb: 146 172 126;
--lush-fields-oklch: oklch(0.712 0.071 132);
}
.element {
color: var(--lush-fields);
background-color: hsl(94 22% 58%);
border-color: oklch(0.712 0.071 132);
}Tailwind CSS v4
@theme {
--color-lush-fields: #92ac7e;
--color-lush-fields-50: #edfae6;
--color-lush-fields-100: #deeed6;
--color-lush-fields-200: #c8dbbd;
--color-lush-fields-300: #a9c09b;
--color-lush-fields-400: #8fa87c;
--color-lush-fields-500: #75905f;
--color-lush-fields-600: #637a51;
--color-lush-fields-700: #4f6240;
--color-lush-fields-800: #3a472d;
--color-lush-fields-900: #28311e;
--color-lush-fields-950: #161d0e;
}SCSS
$lush-fields: #92ac7e;
$lush-fields-rgb: 146, 172, 126;
$lush-fields-light: mix(#fff, $lush-fields, 20%);
$lush-fields-dark: mix(#000, $lush-fields, 20%);
.element {
color: $lush-fields;
box-shadow: 0 0 0 2px rgba($lush-fields, 0.35);
}