Benannte Farbe · #A4B88F
Norway
Norway ist #A4B88F: rgb(164 184 143), hsl(89 22% 64%), oklch(0.756 0.061 128.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Norway color name →
#A4B88F
oklch(0.756 0.061 128.9)
Farbumrechnungen
- HEX
- #a4b88f
- RGB
- rgb(164 184 143)
- HSL
- hsl(89 22% 64%)
- HWB
- hwb(89 56% 28%)
- OKLCH
- oklch(0.756 0.061 128.9)
- OKLab
- oklab(0.756 -0.038 0.047)
- CIE Lab
- lab(72.42 -12.69 18.5)
- LCH
- lch(72.42 22.44 124.4)
- CMYK
- cmyk(11% 0% 22% 28%)
Tints · Shades · Tones
Tints
- ADBF9A
- B6C6A5
- BFCDB0
- C8D4BB
- D1DBC6
- DAE2D1
- E3E9DD
- ECF1E8
- F6F8F3
Shades
- 8EA07C
- 798869
- 647157
- 505B45
- 3D4534
- 2B3124
- 1A1E15
- 0A0C07
- 010201
Tones
- A0B28E
- 9DAD8C
- 99A78B
- 95A189
- 929C88
- 8E9686
- 8B9185
- 878B83
- 848582
Farbharmonien
Komplementär +180°
- A4B88F
Norway
- BBA6CE
≈ Lavendula
Analog -30° +30°
- A4B88F
Norway
- B9B185
≈ Tomatillo Salsa
- 8FBCA2
≈ Summertown
Triadisch +120° +240°
- A4B88F
Norway
- 92B4D6
≈ Oxygen Blue
- D3A0A8
≈ Young at Heart
Geteilt komplementär +150° +210°
- A4B88F
Norway
- A7ADD7
≈ Calm Interlude
- CBA1BD
≈ Exquisite
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.13:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.83:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--norway: #a4b88f;
--norway-rgb: 164 184 143;
--norway-oklch: oklch(0.756 0.061 128.9);
}
.element {
color: var(--norway);
background-color: hsl(89 22% 64%);
border-color: oklch(0.756 0.061 128.9);
}Tailwind CSS v4
@theme {
--color-norway: #a4b88f;
--color-norway-50: #eff9e7;
--color-norway-100: #e1ecd7;
--color-norway-200: #cbdabf;
--color-norway-300: #adbe9e;
--color-norway-400: #93a680;
--color-norway-500: #7a8e63;
--color-norway-600: #677854;
--color-norway-700: #526043;
--color-norway-800: #3d462f;
--color-norway-900: #2a3120;
--color-norway-950: #171d10;
}SCSS
$norway: #a4b88f;
$norway-rgb: 164, 184, 143;
$norway-light: mix(#fff, $norway, 20%);
$norway-dark: mix(#000, $norway, 20%);
.element {
color: $norway;
box-shadow: 0 0 0 2px rgba($norway, 0.35);
}