Colore con nome più vicino · #8DA271
#8DA271
Colore con nome più vicino: Succulent Greenhouse
#8DA271 (rgb(141 162 113), hsl(86 21% 54%), oklch(0.683 0.073 127.1)) è più vicino al colore con nome Succulent Greenhouse. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8DA271
oklch(0.683 0.073 127.1)
Conversioni di colore
- HEX
- #8da271
- RGB
- rgb(141 162 113)
- HSL
- hsl(86 21% 54%)
- HWB
- hwb(86 44% 36%)
- OKLCH
- oklch(0.683 0.073 127.1)
- OKLab
- oklab(0.683 -0.044 0.058)
- CIE Lab
- lab(64.02 -14.25 23.01)
- LCH
- lch(64.02 27.06 121.8)
- CMYK
- cmyk(13% 0% 30% 36%)
Tinte · Ombre · Toni
Tinte
- 98AB7F
- A3B48D
- AEBD9B
- B9C7A9
- C4D0B7
- D0D9C5
- DCE3D3
- E7ECE2
- F3F5F0
Ombre
- 7A8C61
- 677752
- 556343
- 444F35
- 333C27
- 232A1A
- 14190E
- 070A04
- 010101
Toni
- 8C9F73
- 8A9B75
- 899876
- 889478
- 879179
- 858E7B
- 848A7C
- 83877E
- 81837F
Armonie di colore
Complementare +180°
- 8DA271
Succulent Greenhouse
- A58EBD
≈ Lilac Breeze
Analogo -30° +30°
- 8DA271
Succulent Greenhouse
- A69A65
≈ Wistman’s Wood
- 73A787
≈ Corporate Green
Triadico +120° +240°
- 8DA271
Succulent Greenhouse
- 759EC4
≈ Cottage Blue
- C18791
≈ Strawberry Jubilee
Complementare divisa +150° +210°
- 8DA271
Succulent Greenhouse
- 8D96C6
≈ Easter Egg
- B788AA
≈ Sunset Horizon
Tetradico +90° +180° +270°
- 8DA271
Succulent Greenhouse
- 62A5B7
≈ Pacific Palisade
- A58EBD
≈ Lilac Breeze
- C18A79
≈ Copper Trail
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.53:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--succulent-greenhouse: #8da271;
--succulent-greenhouse-rgb: 141 162 113;
--succulent-greenhouse-oklch: oklch(0.683 0.073 127.1);
}
.element {
color: var(--succulent-greenhouse);
background-color: hsl(86 21% 54%);
border-color: oklch(0.683 0.073 127.1);
}Tailwind CSS v4
@theme {
--color-succulent-greenhouse: #8da271;
--color-succulent-greenhouse-50: #effae4;
--color-succulent-greenhouse-100: #e0edd4;
--color-succulent-greenhouse-200: #cbdbba;
--color-succulent-greenhouse-300: #acbf98;
--color-succulent-greenhouse-400: #93a778;
--color-succulent-greenhouse-500: #798f5a;
--color-succulent-greenhouse-600: #67794d;
--color-succulent-greenhouse-700: #52613d;
--color-succulent-greenhouse-800: #3c472b;
--color-succulent-greenhouse-900: #2a311d;
--color-succulent-greenhouse-950: #171d0d;
}SCSS
$succulent-greenhouse: #8da271;
$succulent-greenhouse-rgb: 141, 162, 113;
$succulent-greenhouse-light: mix(#fff, $succulent-greenhouse, 20%);
$succulent-greenhouse-dark: mix(#000, $succulent-greenhouse, 20%);
.element {
color: $succulent-greenhouse;
box-shadow: 0 0 0 2px rgba($succulent-greenhouse, 0.35);
}