Colore con nome · #A6D292
Nature’s Delight
Nature’s Delight è #A6D292: rgb(166 210 146), hsl(101 42% 70%), oklch(0.816 0.099 136.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Nature’s Delight color name →
#A6D292
oklch(0.816 0.099 136.2)
Conversioni di colore
- HEX
- #a6d292
- RGB
- rgb(166 210 146)
- HSL
- hsl(101 42% 70%)
- HWB
- hwb(101 57% 18%)
- OKLCH
- oklch(0.816 0.099 136.2)
- OKLab
- oklab(0.816 -0.071 0.068)
- CIE Lab
- lab(79.86 -23.74 26.92)
- LCH
- lch(79.86 35.89 131.4)
- CMYK
- cmyk(21% 0% 30% 18%)
Tinte · Ombre · Toni
Tinte
- AFD79D
- B8DBA8
- C1E0B3
- C9E4BE
- D2E9C9
- DBEDD3
- E4F2DE
- EDF6E9
- F6FBF4
Ombre
- 90B67E
- 7A9B6B
- 658158
- 516846
- 3E5035
- 2B3925
- 1A2416
- 0A1008
- 010201
Toni
- A2CA91
- 9FC18F
- 9BB98D
- 97B18C
- 93A88A
- 8FA088
- 8C9886
- 889084
- 848882
Armonie di colore
Complementare +180°
- A6D292
Nature’s Delight
- DCB0EE
≈ Petal Plush
Analogo -30° +30°
- A6D292
Nature’s Delight
- CBC77B
≈ Muted Lime
- 81D8B5
≈ Tadorna Teal
Triadico +120° +240°
- A6D292
Nature’s Delight
- 9BC6FF
≈ Apocyan
- FCA9AD
≈ Apricot Haze
Complementare divisa +150° +210°
- A6D292
Nature’s Delight
- BDBAFF
≈ Dried Lilac
- F2A9D0
≈ Waddles Pink
Tetradico +90° +180° +270°
- A6D292
Nature’s Delight
- 78D0F4
≈ Heisenberg Blue
- DCB0EE
≈ Petal Plush
- F9AF8C
≈ Orange Grove
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.25:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--nature-s-delight: #a6d292;
--nature-s-delight-rgb: 166 210 146;
--nature-s-delight-oklch: oklch(0.816 0.099 136.2);
}
.element {
color: var(--nature-s-delight);
background-color: hsl(101 42% 70%);
border-color: oklch(0.816 0.099 136.2);
}Tailwind CSS v4
@theme {
--color-nature-s-delight: #a6d292;
--color-nature-s-delight-50: #e8fce1;
--color-nature-s-delight-100: #d8f0d1;
--color-nature-s-delight-200: #c0dfb6;
--color-nature-s-delight-300: #9fc493;
--color-nature-s-delight-400: #84ac71;
--color-nature-s-delight-500: #679551;
--color-nature-s-delight-600: #587e45;
--color-nature-s-delight-700: #466537;
--color-nature-s-delight-800: #344a26;
--color-nature-s-delight-900: #233319;
--color-nature-s-delight-950: #121f0a;
}SCSS
$nature-s-delight: #a6d292;
$nature-s-delight-rgb: 166, 210, 146;
$nature-s-delight-light: mix(#fff, $nature-s-delight, 20%);
$nature-s-delight-dark: mix(#000, $nature-s-delight, 20%);
.element {
color: $nature-s-delight;
box-shadow: 0 0 0 2px rgba($nature-s-delight, 0.35);
}