Benannte Farbe · #A3B5A6
Frosty Green
Frosty Green ist #A3B5A6: rgb(163 181 166), hsl(130 11% 67%), oklch(0.755 0.029 150.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Frosty Green color name →
#A3B5A6
oklch(0.755 0.029 150.3)
Farbumrechnungen
- HEX
- #a3b5a6
- RGB
- rgb(163 181 166)
- HSL
- hsl(130 11% 67%)
- HWB
- hwb(130 64% 29%)
- OKLCH
- oklch(0.755 0.029 150.3)
- OKLab
- oklab(0.755 -0.025 0.014)
- CIE Lab
- lab(71.95 -8.63 5.45)
- LCH
- lch(71.95 10.21 147.8)
- CMYK
- cmyk(10% 0% 8% 29%)
Tints · Shades · Tones
Tints
- ACBCAF
- B5C3B7
- BECBC0
- C7D2C9
- D0D9D2
- D9E1DB
- E3E8E4
- ECF0ED
- F6F7F6
Shades
- 8D9D90
- 78867A
- 636F65
- 4F5951
- 3C443E
- 2A302B
- 191D1A
- 0A0C0A
- 010201
Tones
- 9FB0A2
- 9CAA9E
- 98A59A
- 959F97
- 919A93
- 8E958F
- 8A908B
- 878A87
- 838584
Farbharmonien
Komplementär +180°
- A3B5A6
Frosty Green
- BBA9B8
≈ Soft Heather
Analog -30° +30°
- A3B5A6
Frosty Green
- ADB39E
≈ Gargoyle
- 9CB6B0
≈ Tropical Bay
Triadisch +120° +240°
- A3B5A6
Frosty Green
- A8AFC3
≈ Upscale
- C1A9A5
≈ Dusky
Geteilt komplementär +150° +210°
- A3B5A6
Frosty Green
- B2ACC0
≈ Wisteria Trellis
- C0A8AE
≈ Violet Ice
Tetradisch +90° +180° +270°
- A3B5A6
Frosty Green
- A0B2C0
≈ Blue Pot
- BBA9B8
≈ Soft Heather
- BEAC9D
≈ Chelsea Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.16:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.71:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--frosty-green: #a3b5a6;
--frosty-green-rgb: 163 181 166;
--frosty-green-oklch: oklch(0.755 0.029 150.3);
}
.element {
color: var(--frosty-green);
background-color: hsl(130 11% 67%);
border-color: oklch(0.755 0.029 150.3);
}Tailwind CSS v4
@theme {
--color-frosty-green: #a3b5a6;
--color-frosty-green-50: #eff8f1;
--color-frosty-green-100: #e1ebe3;
--color-frosty-green-200: #ccd8ce;
--color-frosty-green-300: #adbcb0;
--color-frosty-green-400: #93a496;
--color-frosty-green-500: #798c7c;
--color-frosty-green-600: #677669;
--color-frosty-green-700: #525f54;
--color-frosty-green-800: #3c453d;
--color-frosty-green-900: #29302a;
--color-frosty-green-950: #171c17;
}SCSS
$frosty-green: #a3b5a6;
$frosty-green-rgb: 163, 181, 166;
$frosty-green-light: mix(#fff, $frosty-green, 20%);
$frosty-green-dark: mix(#000, $frosty-green, 20%);
.element {
color: $frosty-green;
box-shadow: 0 0 0 2px rgba($frosty-green, 0.35);
}