Nazwany kolor · #A4B88F
Norway
Norway to #A4B88F: rgb(164 184 143), hsl(89 22% 64%), oklch(0.756 0.061 128.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Norway color name →
#A4B88F
oklch(0.756 0.061 128.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ADBF9A
- B6C6A5
- BFCDB0
- C8D4BB
- D1DBC6
- DAE2D1
- E3E9DD
- ECF1E8
- F6F8F3
Odcienie ciemniejsze
- 8EA07C
- 798869
- 647157
- 505B45
- 3D4534
- 2B3124
- 1A1E15
- 0A0C07
- 010201
Tony
- A0B28E
- 9DAD8C
- 99A78B
- 95A189
- 929C88
- 8E9686
- 8B9185
- 878B83
- 848582
Harmonie kolorów
Komplementarna +180°
- A4B88F
Norway
- BBA6CE
≈ Lavendula
Analogowa -30° +30°
- A4B88F
Norway
- B9B185
≈ Tomatillo Salsa
- 8FBCA2
≈ Summertown
Triada +120° +240°
- A4B88F
Norway
- 92B4D6
≈ Oxygen Blue
- D3A0A8
≈ Young at Heart
Komplementarna rozszczepiona +150° +210°
- A4B88F
Norway
- A7ADD7
≈ Calm Interlude
- CBA1BD
≈ Exquisite
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.13:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.83:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
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);
}