Colore con nome più vicino · #85A470
#85A470
Colore con nome più vicino: Lush Fields
#85A470 (rgb(133 164 112), hsl(96 22% 54%), oklch(0.682 0.081 133.2)) è più vicino al colore con nome Lush Fields. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#85A470
oklch(0.682 0.081 133.2)
Conversioni di colore
- HEX
- #85a470
- RGB
- rgb(133 164 112)
- HSL
- hsl(96 22% 54%)
- HWB
- hwb(96 44% 36%)
- OKLCH
- oklch(0.682 0.081 133.2)
- OKLab
- oklab(0.682 -0.056 0.059)
- CIE Lab
- lab(64.01 -18.4 23.4)
- LCH
- lch(64.01 29.77 128.2)
- CMYK
- cmyk(19% 0% 32% 36%)
Tinte · Ombre · Toni
Tinte
- 91AD7E
- 9CB68C
- A8BF9A
- B4C8A8
- C1D1B6
- CDDAC5
- D9E3D3
- E6ECE2
- F2F6F0
Ombre
- 738E60
- 617951
- 506443
- 405035
- 303D27
- 212B1A
- 131A0E
- 060A04
- 010101
Toni
- 85A072
- 849D74
- 849976
- 839677
- 839279
- 828F7B
- 828B7C
- 81877D
- 81847F
Armonie di colore
Complementare +180°
- 85A470
Lush Fields
- AB8ABD
≈ East Side
Analogo -30° +30°
- 85A470
Lush Fields
- A29B5F
≈ Zandri Dust
- 68A98B
≈ Artemesia Green
Triadico +120° +240°
- 85A470
Lush Fields
- 759CCA
≈ Blue Lechery
- C6848A
≈ Fake Crush
Complementare divisa +150° +210°
- 85A470
Lush Fields
- 9293CA
≈ Fast Velvet
- BD85A6
≈ Sunset Horizon
Tetradico +90° +180° +270°
- 85A470
Lush Fields
- 5CA4BE
≈ Surgical
- AB8ABD
≈ East Side
- C48970
≈ Secluded Canyon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.54:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--lush-fields: #85a470;
--lush-fields-rgb: 133 164 112;
--lush-fields-oklch: oklch(0.682 0.081 133.2);
}
.element {
color: var(--lush-fields);
background-color: hsl(96 22% 54%);
border-color: oklch(0.682 0.081 133.2);
}Tailwind CSS v4
@theme {
--color-lush-fields: #85a470;
--color-lush-fields-50: #ebfbe4;
--color-lush-fields-100: #dcefd4;
--color-lush-fields-200: #c6ddba;
--color-lush-fields-300: #a6c198;
--color-lush-fields-400: #8ca978;
--color-lush-fields-500: #719259;
--color-lush-fields-600: #607b4c;
--color-lush-fields-700: #4c633d;
--color-lush-fields-800: #38482a;
--color-lush-fields-900: #26321c;
--color-lush-fields-950: #151e0c;
}SCSS
$lush-fields: #85a470;
$lush-fields-rgb: 133, 164, 112;
$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);
}