Benannte Farbe · #ADDFAD
Frozen Moss Green
Frozen Moss Green ist #ADDFAD: rgb(173 223 173), hsl(120 44% 78%), oklch(0.856 0.086 144.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Frozen Moss Green color name →
#ADDFAD
oklch(0.856 0.086 144.8)
Farbumrechnungen
- HEX
- #addfad
- RGB
- rgb(173 223 173)
- HSL
- hsl(120 44% 78%)
- HWB
- hwb(120 68% 13%)
- OKLCH
- oklch(0.856 0.086 144.8)
- OKLab
- oklab(0.856 -0.07 0.05)
- CIE Lab
- lab(84.34 -23.93 19.12)
- LCH
- lch(84.34 30.63 141.4)
- CMYK
- cmyk(22% 0% 22% 13%)
Tints · Shades · Tones
Tints
- B5E2B5
- BEE6BD
- C6E9C6
- CEECCE
- D6EFD6
- DEF2DE
- E7F6E6
- EFF9EF
- F7FCF7
Shades
- 96C296
- 7FA57F
- 6A8A6A
- 556F55
- 415641
- 2D3D2D
- 1B271B
- 0B120B
- 010201
Tones
- A9D5A9
- A4CBA4
- A0C2A0
- 9BB89B
- 97AF97
- 92A592
- 8E9C8E
- 899289
- 858985
Farbharmonien
Komplementär +180°
- ADDFAD
Frozen Moss Green
- EDBDEF
≈ Lovecloud
Analog -30° +30°
- ADDFAD
Frozen Moss Green
- CED795
≈ Vacation Island
- 91E2CC
≈ Clean Green
Triadisch +120° +240°
- ADDFAD
Frozen Moss Green
- B9D0FF
≈ Ice Cold Stare
- FFBCB6
≈ Cherry Chip
Geteilt komplementär +150° +210°
- ADDFAD
Frozen Moss Green
- D3C6FF
≈ Innocent Snowdrop
- FEB9D3
≈ Candy Bar
Tetradisch +90° +180° +270°
- ADDFAD
Frozen Moss Green
- 99D9FF
≈ Shiva Blue
- EDBDEF
≈ Lovecloud
- FCC19A
≈ Blushing Cinnamon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.50:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.93:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 13.93:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--frozen-moss-green: #addfad;
--frozen-moss-green-rgb: 173 223 173;
--frozen-moss-green-oklch: oklch(0.856 0.086 144.8);
}
.element {
color: var(--frozen-moss-green);
background-color: hsl(120 44% 78%);
border-color: oklch(0.856 0.086 144.8);
}Tailwind CSS v4
@theme {
--color-frozen-moss-green: #addfad;
--color-frozen-moss-green-50: #e6fce7;
--color-frozen-moss-green-100: #d6f0d8;
--color-frozen-moss-green-200: #bddfbf;
--color-frozen-moss-green-300: #9bc49e;
--color-frozen-moss-green-400: #7fac7f;
--color-frozen-moss-green-500: #619562;
--color-frozen-moss-green-600: #527e53;
--color-frozen-moss-green-700: #426542;
--color-frozen-moss-green-800: #304a2e;
--color-frozen-moss-green-900: #21331f;
--color-frozen-moss-green-950: #101f0f;
}SCSS
$frozen-moss-green: #addfad;
$frozen-moss-green-rgb: 173, 223, 173;
$frozen-moss-green-light: mix(#fff, $frozen-moss-green, 20%);
$frozen-moss-green-dark: mix(#000, $frozen-moss-green, 20%);
.element {
color: $frozen-moss-green;
box-shadow: 0 0 0 2px rgba($frozen-moss-green, 0.35);
}