Nazwany kolor · #4A5B51
Grubenwald
Grubenwald to #4A5B51: rgb(74 91 81), hsl(145 10% 32%), oklch(0.454 0.026 159.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Grubenwald color name →
#4A5B51
oklch(0.454 0.026 159.3)
Konwersje koloru
- HEX
- #4a5b51
- RGB
- rgb(74 91 81)
- HSL
- hsl(145 10% 32%)
- HWB
- hwb(145 29% 64%)
- OKLCH
- oklch(0.454 0.026 159.3)
- OKLab
- oklab(0.454 -0.025 0.009)
- CIE Lab
- lab(36.97 -8.52 3.5)
- LCH
- lch(36.97 9.21 157.6)
- CMYK
- cmyk(19% 0% 11% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5A6A61
- 6B7971
- 7C8981
- 8E9992
- A0A9A4
- B2BAB5
- C5CBC7
- D8DCDA
- EBEDEC
Odcienie ciemniejsze
- 3F4E45
- 35413A
- 2A352F
- 202924
- 171E1A
- 0E1310
- 060907
- 020302
- 000000
Tony
- 4F5F56
- 55625A
- 5A665F
- 5F6A63
- 656D68
- 6A716D
- 707572
- 757876
- 7A7C7B
Harmonie kolorów
Komplementarna +180°
- 4A5B51
Grubenwald
- 61515B
≈ Prophetic Purple
Analogowa -30° +30°
- 4A5B51
Grubenwald
- 52594A
≈ Japanese Seaweed
- 465B59
≈ Hostaleaf
Triada +120° +240°
- 4A5B51
Grubenwald
- 535565
≈ Black Orchid
- 64524B
≈ Scented Clove
Komplementarna rozszczepiona +150° +210°
- 4A5B51
Grubenwald
- 5B5262
≈ Napa Grape
- 645053
≈ Robeson Rose
Tetrada +90° +180° +270°
- 4A5B51
Grubenwald
- 4B5865
≈ Rogue Blue
- 61515B
≈ Prophetic Purple
- 605447
≈ Tea Chest
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.22:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.90:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.22:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--grubenwald: #4a5b51;
--grubenwald-rgb: 74 91 81;
--grubenwald-oklch: oklch(0.454 0.026 159.3);
}
.element {
color: var(--grubenwald);
background-color: hsl(145 10% 32%);
border-color: oklch(0.454 0.026 159.3);
}Tailwind CSS v4
@theme {
--color-grubenwald: #4a5b51;
--color-grubenwald-50: #eff8f3;
--color-grubenwald-100: #e1ebe5;
--color-grubenwald-200: #cbd8d1;
--color-grubenwald-300: #acbcb3;
--color-grubenwald-400: #92a399;
--color-grubenwald-500: #788c80;
--color-grubenwald-600: #66766c;
--color-grubenwald-700: #515f57;
--color-grubenwald-800: #3b453f;
--color-grubenwald-900: #29302b;
--color-grubenwald-950: #161c19;
}SCSS
$grubenwald: #4a5b51;
$grubenwald-rgb: 74, 91, 81;
$grubenwald-light: mix(#fff, $grubenwald, 20%);
$grubenwald-dark: mix(#000, $grubenwald, 20%);
.element {
color: $grubenwald;
box-shadow: 0 0 0 2px rgba($grubenwald, 0.35);
}