Benannte Farbe · #A5D7B2
Frugal
Frugal ist #A5D7B2: rgb(165 215 178), hsl(136 38% 75%), oklch(0.834 0.073 152.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Frugal color name →
#A5D7B2
oklch(0.834 0.073 152.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- AEDBBA
- B7DFC1
- C0E3C9
- C9E7D0
- D2EBD8
- DBEFE0
- E4F3E8
- EDF7EF
- F6FBF7
Shades
- 8FBB9A
- 799F83
- 65856D
- 516B57
- 3D5243
- 2B3B2F
- 1A251D
- 0A110C
- 010201
Tones
- A2CEAD
- 9EC5A8
- 9ABCA3
- 97B39E
- 93AB99
- 8FA294
- 8C998F
- 88918A
- 848885
Farbharmonien
Komplementär +180°
- A5D7B2
Frugal
- E6B8DE
≈ Pink Drink
Analog -30° +30°
- A5D7B2
Frugal
- C0D19C
≈ Cricket Field
- 92D9CD
≈ Bambino
Triadisch +120° +240°
- A5D7B2
Frugal
- B8C6F9
≈ Light Periwinkle
- F4B8AB
≈ Canyon Hush
Geteilt komplementär +150° +210°
- A5D7B2
Frugal
- D2BEF1
≈ Connecticut Lilac
- F2B5C4
≈ Ibis
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.62:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.96:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
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);
}