Colore con nome più vicino · #88A872
#88A872
Colore con nome più vicino: Lush Fields
#88A872 (rgb(136 168 114), hsl(96 24% 55%), oklch(0.694 0.084 133.1)) è più vicino al colore con nome Lush Fields. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#88A872
oklch(0.694 0.084 133.1)
Conversioni di colore
- HEX
- #88a872
- RGB
- rgb(136 168 114)
- HSL
- hsl(96 24% 55%)
- HWB
- hwb(96 45% 34%)
- OKLCH
- oklch(0.694 0.084 133.1)
- OKLab
- oklab(0.694 -0.057 0.061)
- CIE Lab
- lab(65.41 -18.93 24.22)
- LCH
- lch(65.41 30.74 128)
- CMYK
- cmyk(19% 0% 32% 34%)
Tinte · Ombre · Toni
Tinte
- 93B180
- 9FB98E
- ABC29B
- B6CAA9
- C2D3B7
- CEDCC6
- DAE5D4
- E6EDE2
- F3F6F0
Ombre
- 759262
- 637C53
- 526744
- 415236
- 313F28
- 222C1B
- 131A0E
- 060A04
- 010101
Toni
- 87A474
- 87A076
- 869C77
- 859879
- 84947A
- 83907B
- 838C7D
- 82887E
- 81847F
Armonie di colore
Complementare +180°
- 88A872
Lush Fields
- AF8DC2
≈ Fleur-De-Lis
Analogo -30° +30°
- 88A872
Lush Fields
- A69F60
≈ Mediaeval Sulphur
- 69AD8E
≈ Melon Green
Triadico +120° +240°
- 88A872
Lush Fields
- 77A0D0
≈ Blue Lechery
- CB878D
≈ Rose Sachet
Complementare divisa +150° +210°
- 88A872
Lush Fields
- 9596CF
≈ Bluebell Frost
- C288AA
≈ Rosy
Tetradico +90° +180° +270°
- 88A872
Lush Fields
- 5DA8C2
≈ Pottery Blue
- AF8DC2
≈ Fleur-De-Lis
- C98C72
≈ Baker’s Dream
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.89:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--lush-fields: #88a872;
--lush-fields-rgb: 136 168 114;
--lush-fields-oklch: oklch(0.694 0.084 133.1);
}
.element {
color: var(--lush-fields);
background-color: hsl(96 24% 55%);
border-color: oklch(0.694 0.084 133.1);
}Tailwind CSS v4
@theme {
--color-lush-fields: #88a872;
--color-lush-fields-50: #ebfbe3;
--color-lush-fields-100: #dcefd3;
--color-lush-fields-200: #c5ddb9;
--color-lush-fields-300: #a5c297;
--color-lush-fields-400: #8ba976;
--color-lush-fields-500: #709258;
--color-lush-fields-600: #5f7c4b;
--color-lush-fields-700: #4c633b;
--color-lush-fields-800: #384829;
--color-lush-fields-900: #26321c;
--color-lush-fields-950: #151e0c;
}SCSS
$lush-fields: #88a872;
$lush-fields-rgb: 136, 168, 114;
$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);
}