Cor nomeada mais próxima · #92AC7E
#92AC7E
Cor nomeada mais próxima: Lush Fields
#92AC7E (rgb(146 172 126), hsl(94 22% 58%), oklch(0.712 0.071 132)) é mais próxima da cor nomeada Lush Fields. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#92AC7E
oklch(0.712 0.071 132)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 9CB48B
- A7BC97
- B2C5A4
- BCCDB1
- C7D5BD
- D2DDCA
- DDE6D7
- E8EEE4
- F4F7F2
Sombras
- 7E956D
- 6B7F5C
- 58694C
- 46543C
- 35402D
- 252D1F
- 161B11
- 080B05
- 010101
Tons
- 90A87E
- 8EA37F
- 8D9F7F
- 8B9A80
- 899680
- 879280
- 858D80
- 848980
- 828480
Harmonias de cor
Complementar +180°
- 92AC7E
Lush Fields
- B196C3
≈ Quibble
Análoga -30° +30°
- 92AC7E
Lush Fields
- ABA470
≈ Autumn Sage
- 7AB095
≈ Nature Green
Tríade +120° +240°
- 92AC7E
Lush Fields
- 82A6CE
≈ Windfall
- CA9096
≈ Garnet Shadow
Complementar dividida +150° +210°
- 92AC7E
Lush Fields
- 9B9DCE
≈ Indigo Child
- C291AF
≈ Mauve Magic
Tétrade +90° +180° +270°
- 92AC7E
Lush Fields
- 6FADC2
≈ Blue Eye Samurai
- B196C3
≈ Quibble
- C99480
≈ Beauty and the Beach
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.42:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
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);
}