Colore con nome · #A5D7B2
Frugal
Frugal è #A5D7B2: rgb(165 215 178), hsl(136 38% 75%), oklch(0.834 0.073 152.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Frugal color name →
#A5D7B2
oklch(0.834 0.073 152.6)
Conversioni di colore
- HEX
- #a5d7b2
- RGB
- rgb(165 215 178)
- HSL
- hsl(136 38% 75%)
- HWB
- hwb(136 65% 16%)
- OKLCH
- oklch(0.834 0.073 152.6)
- OKLab
- oklab(0.834 -0.065 0.034)
- CIE Lab
- lab(81.72 -22.36 12.81)
- LCH
- lch(81.72 25.77 150.2)
- CMYK
- cmyk(23% 0% 17% 16%)
Tinte · Ombre · Toni
Tinte
- AEDBBA
- B7DFC1
- C0E3C9
- C9E7D0
- D2EBD8
- DBEFE0
- E4F3E8
- EDF7EF
- F6FBF7
Ombre
- 8FBB9A
- 799F83
- 65856D
- 516B57
- 3D5243
- 2B3B2F
- 1A251D
- 0A110C
- 010201
Toni
- A2CEAD
- 9EC5A8
- 9ABCA3
- 97B39E
- 93AB99
- 8FA294
- 8C998F
- 88918A
- 848885
Armonie di colore
Complementare +180°
- A5D7B2
Frugal
- E6B8DE
≈ Pink Drink
Analogo -30° +30°
- A5D7B2
Frugal
- C0D19C
≈ Cricket Field
- 92D9CD
≈ Bambino
Triadico +120° +240°
- A5D7B2
Frugal
- B8C6F9
≈ Light Periwinkle
- F4B8AB
≈ Canyon Hush
Complementare divisa +150° +210°
- A5D7B2
Frugal
- D2BEF1
≈ Connecticut Lilac
- F2B5C4
≈ Ibis
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.96:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--frugal: #a5d7b2;
--frugal-rgb: 165 215 178;
--frugal-oklch: oklch(0.834 0.073 152.6);
}
.element {
color: var(--frugal);
background-color: hsl(136 38% 75%);
border-color: oklch(0.834 0.073 152.6);
}Tailwind CSS v4
@theme {
--color-frugal: #a5d7b2;
--color-frugal-50: #e6fcec;
--color-frugal-100: #d6f0dd;
--color-frugal-200: #bddec7;
--color-frugal-300: #9bc3a7;
--color-frugal-400: #7eab8a;
--color-frugal-500: #5f946f;
--color-frugal-600: #517e5e;
--color-frugal-700: #41654b;
--color-frugal-800: #2f4a35;
--color-frugal-900: #203324;
--color-frugal-950: #0f1f13;
}SCSS
$frugal: #a5d7b2;
$frugal-rgb: 165, 215, 178;
$frugal-light: mix(#fff, $frugal, 20%);
$frugal-dark: mix(#000, $frugal, 20%);
.element {
color: $frugal;
box-shadow: 0 0 0 2px rgba($frugal, 0.35);
}