Nazwany kolor · #4F5845
Albert Green
Albert Green to #4F5845: rgb(79 88 69), hsl(88 12% 31%), oklch(0.447 0.032 128.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Albert Green color name →
#4F5845
oklch(0.447 0.032 128.3)
Konwersje koloru
- HEX
- #4f5845
- RGB
- rgb(79 88 69)
- HSL
- hsl(88 12% 31%)
- HWB
- hwb(88 27% 65%)
- OKLCH
- oklch(0.447 0.032 128.3)
- OKLab
- oklab(0.447 -0.02 0.025)
- CIE Lab
- lab(36.17 -6.62 9.82)
- LCH
- lch(36.17 11.84 124)
- CMYK
- cmyk(10% 0% 22% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5F6756
- 6F7767
- 808779
- 91978B
- A3A89D
- B4B9B0
- C7CAC3
- D9DBD7
- ECEDEB
Odcienie ciemniejsze
- 444B3B
- 383F31
- 2E3327
- 23281E
- 191D15
- 10120C
- 070905
- 020302
- 000000
Tony
- 545C4B
- 586050
- 5D6456
- 62685C
- 676C62
- 6C7068
- 71746E
- 767874
- 7B7C7A
Harmonie kolorów
Komplementarna +180°
- 4F5845
Albert Green
- 595062
≈ Napa Grape
Analogowa -30° +30°
- 4F5845
Albert Green
- 595540
≈ Second Nature
- 465A4E
≈ Greener Pastures
Triada +120° +240°
- 4F5845
Albert Green
- 475666
≈ Tetsu Iron
- 654D51
≈ Robeson Rose
Komplementarna rozszczepiona +150° +210°
- 4F5845
Albert Green
- 505366
≈ Lap of Luxury
- 614E5A
≈ Wishing Star
Tetrada +90° +180° +270°
- 4F5845
Albert Green
- 405960
≈ Prussian
- 595062
≈ Napa Grape
- 654E47
≈ Connaisseur
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.46:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.81:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.46:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--albert-green: #4f5845;
--albert-green-rgb: 79 88 69;
--albert-green-oklch: oklch(0.447 0.032 128.3);
}
.element {
color: var(--albert-green);
background-color: hsl(88 12% 31%);
border-color: oklch(0.447 0.032 128.3);
}Tailwind CSS v4
@theme {
--color-albert-green: #4f5845;
--color-albert-green-50: #f2f7ee;
--color-albert-green-100: #e4eadf;
--color-albert-green-200: #d0d7c9;
--color-albert-green-300: #b2bbaa;
--color-albert-green-400: #99a28e;
--color-albert-green-500: #808b74;
--color-albert-green-600: #6c7562;
--color-albert-green-700: #565e4e;
--color-albert-green-800: #3f4539;
--color-albert-green-900: #2c2f27;
--color-albert-green-950: #191c15;
}SCSS
$albert-green: #4f5845;
$albert-green-rgb: 79, 88, 69;
$albert-green-light: mix(#fff, $albert-green, 20%);
$albert-green-dark: mix(#000, $albert-green, 20%);
.element {
color: $albert-green;
box-shadow: 0 0 0 2px rgba($albert-green, 0.35);
}