Nazwany kolor · #ACB597
Norwich Green
Norwich Green to #ACB597: rgb(172 181 151), hsl(78 17% 65%), oklch(0.758 0.043 121). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Norwich Green color name →
#ACB597
oklch(0.758 0.043 121)
Konwersje koloru
- HEX
- #acb597
- RGB
- rgb(172 181 151)
- HSL
- hsl(78 17% 65%)
- HWB
- hwb(78 59% 29%)
- OKLCH
- oklch(0.758 0.043 121)
- OKLab
- oklab(0.758 -0.022 0.037)
- CIE Lab
- lab(72.35 -7.25 14.23)
- LCH
- lch(72.35 15.98 117)
- CMYK
- cmyk(5% 0% 17% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B4BCA1
- BCC3AB
- C4CBB5
- CCD2C0
- D5DACA
- DDE1D5
- E5E8DF
- EEF0EA
- F6F7F4
Odcienie ciemniejsze
- 959D83
- 7F866F
- 696F5C
- 545949
- 404437
- 2D3026
- 1B1D17
- 0B0C08
- 010201
Tony
- A7B095
- A3AA93
- 9FA590
- 9A9F8E
- 969A8C
- 919589
- 8D9087
- 898A85
- 848582
Harmonie kolorów
Komplementarna +180°
- ACB597
Norwich Green
- B5ABC8
≈ Lavender Dream
Analogowa -30° +30°
- ACB597
Norwich Green
- BAB092
≈ Terminatus Stone
- 9DB9A3
≈ Spearmint Haze
Triada +120° +240°
- ACB597
Norwich Green
- 99B5CA
≈ Stellar Blue
- C9A6AF
≈ Dutchess Dawn
Komplementarna rozszczepiona +150° +210°
- ACB597
Norwich Green
- A6B0CC
≈ Lovely Lilac
- C1A7BD
≈ Fair Orchid
Tetrada +90° +180° +270°
- ACB597
Norwich Green
- 92B8C0
≈ Tahoe Blue
- B5ABC8
≈ Lavender Dream
- CAA7A0
≈ Parfait
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.14:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.81:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--norwich-green: #acb597;
--norwich-green-rgb: 172 181 151;
--norwich-green-oklch: oklch(0.758 0.043 121);
}
.element {
color: var(--norwich-green);
background-color: hsl(78 17% 65%);
border-color: oklch(0.758 0.043 121);
}Tailwind CSS v4
@theme {
--color-norwich-green: #acb597;
--color-norwich-green-50: #f3f7ea;
--color-norwich-green-100: #e5eadb;
--color-norwich-green-200: #d0d8c4;
--color-norwich-green-300: #b3bba4;
--color-norwich-green-400: #9aa387;
--color-norwich-green-500: #828b6b;
--color-norwich-green-600: #6e765b;
--color-norwich-green-700: #585e49;
--color-norwich-green-800: #414534;
--color-norwich-green-900: #2c2f23;
--color-norwich-green-950: #1a1c12;
}SCSS
$norwich-green: #acb597;
$norwich-green-rgb: 172, 181, 151;
$norwich-green-light: mix(#fff, $norwich-green, 20%);
$norwich-green-dark: mix(#000, $norwich-green, 20%);
.element {
color: $norwich-green;
box-shadow: 0 0 0 2px rgba($norwich-green, 0.35);
}