Benannte Farbe · #A3B48C
Haven
Haven ist #A3B48C: rgb(163 180 140), hsl(86 21% 63%), oklch(0.746 0.059 126.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Haven color name →
#A3B48C
oklch(0.746 0.059 126.5)
Farbumrechnungen
- HEX
- #a3b48c
- RGB
- rgb(163 180 140)
- HSL
- hsl(86 21% 63%)
- HWB
- hwb(86 55% 29%)
- OKLCH
- oklch(0.746 0.059 126.5)
- OKLab
- oklab(0.746 -0.035 0.047)
- CIE Lab
- lab(71.19 -11.48 18.42)
- LCH
- lch(71.19 21.71 121.9)
- CMYK
- cmyk(9% 0% 22% 29%)
Tints · Shades · Tones
Tints
- ACBB97
- B5C3A2
- BECAAE
- C7D2B9
- D0D9C5
- D9E1D0
- E3E8DC
- ECF0E7
- F5F7F3
Shades
- 8D9C79
- 788567
- 636E55
- 4F5843
- 3C4433
- 2A3023
- 191D14
- 0A0C07
- 010201
Tones
- 9FAF8B
- 9CA98A
- 98A489
- 959F88
- 919A86
- 8E9585
- 8A8F84
- 878A83
- 838581
Farbharmonien
Komplementär +180°
- A3B48C
Haven
- B6A4CB
≈ Violet Fields
Analog -30° +30°
- A3B48C
Haven
- B7AD83
≈ Tarragon Tease
- 8FB89E
≈ Greyed Jade
Triadisch +120° +240°
- A3B48C
Haven
- 8FB1D0
≈ Matte Blue
- CE9EA7
≈ Pink Ice
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.21:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.46:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--haven: #a3b48c;
--haven-rgb: 163 180 140;
--haven-oklch: oklch(0.746 0.059 126.5);
}
.element {
color: var(--haven);
background-color: hsl(86 21% 63%);
border-color: oklch(0.746 0.059 126.5);
}Tailwind CSS v4
@theme {
--color-haven: #a3b48c;
--color-haven-50: #f0f9e7;
--color-haven-100: #e2ecd8;
--color-haven-200: #cddabf;
--color-haven-300: #aebe9e;
--color-haven-400: #95a580;
--color-haven-500: #7c8e63;
--color-haven-600: #697854;
--color-haven-700: #546043;
--color-haven-800: #3e4630;
--color-haven-900: #2a3020;
--color-haven-950: #181d10;
}SCSS
$haven: #a3b48c;
$haven-rgb: 163, 180, 140;
$haven-light: mix(#fff, $haven, 20%);
$haven-dark: mix(#000, $haven, 20%);
.element {
color: $haven;
box-shadow: 0 0 0 2px rgba($haven, 0.35);
}