Adlandırılmış renk · #A4B88F
Norway
Norway, #A4B88F: rgb(164 184 143), hsl(89 22% 64%), oklch(0.756 0.061 128.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Norway color name →
#A4B88F
oklch(0.756 0.061 128.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ADBF9A
- B6C6A5
- BFCDB0
- C8D4BB
- D1DBC6
- DAE2D1
- E3E9DD
- ECF1E8
- F6F8F3
Koyu tonlar
- 8EA07C
- 798869
- 647157
- 505B45
- 3D4534
- 2B3124
- 1A1E15
- 0A0C07
- 010201
Gri tonlar
- A0B28E
- 9DAD8C
- 99A78B
- 95A189
- 929C88
- 8E9686
- 8B9185
- 878B83
- 848582
Renk uyumları
Tamamlayıcı +180°
- A4B88F
Norway
- BBA6CE
≈ Lavendula
Analog -30° +30°
- A4B88F
Norway
- B9B185
≈ Tomatillo Salsa
- 8FBCA2
≈ Summertown
Üçlü +120° +240°
- A4B88F
Norway
- 92B4D6
≈ Oxygen Blue
- D3A0A8
≈ Young at Heart
Bölünmüş tamamlayıcı +150° +210°
- A4B88F
Norway
- A7ADD7
≈ Calm Interlude
- CBA1BD
≈ Exquisite
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.13:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.83:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
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);
}