Nazwany kolor · #7A7A60
La Grange
La Grange to #7A7A60: rgb(122 122 96), hsl(60 12% 43%), oklch(0.572 0.038 107.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · La Grange color name →
#7A7A60
oklch(0.572 0.038 107.5)
Konwersje koloru
- HEX
- #7a7a60
- RGB
- rgb(122 122 96)
- HSL
- hsl(60 12% 43%)
- HWB
- hwb(60 38% 52%)
- OKLCH
- oklch(0.572 0.038 107.5)
- OKLab
- oklab(0.572 -0.012 0.036)
- CIE Lab
- lab(50.68 -3.48 14.32)
- LCH
- lch(50.68 14.74 103.7)
- CMYK
- cmyk(0% 0% 21% 52%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 86876F
- 93937E
- A0A08D
- ADAD9D
- BABAAD
- C8C8BD
- D5D5CD
- E3E3DD
- F1F1EE
Odcienie ciemniejsze
- 696952
- 595945
- 494938
- 3A3A2C
- 2B2B20
- 1D1D15
- 10100A
- 050503
- 010100
Tony
- 7B7B63
- 7B7B67
- 7C7C6A
- 7C7C6D
- 7D7D70
- 7E7E73
- 7E7E77
- 7F7F7A
- 7F7F7D
Harmonie kolorów
Komplementarna +180°
- 7A7A60
La Grange
- 76758E
≈ Plum Shade
Analogowa -30° +30°
- 7A7A60
La Grange
- 85765F
≈ Brownish Grey
- 6D7E68
≈ Garden Hedge
Triada +120° +240°
- 7A7A60
La Grange
- 617D8A
≈ Hoki
- 8A6F7C
≈ Wiped Out
Komplementarna rozszczepiona +150° +210°
- 7A7A60
La Grange
- 6A798F
≈ Noble Blue
- 827187
≈ Hyacinth Dream
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.39:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.78:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.78:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--la-grange: #7a7a60;
--la-grange-rgb: 122 122 96;
--la-grange-oklch: oklch(0.572 0.038 107.5);
}
.element {
color: var(--la-grange);
background-color: hsl(60 12% 43%);
border-color: oklch(0.572 0.038 107.5);
}Tailwind CSS v4
@theme {
--color-la-grange: #7a7a60;
--color-la-grange-50: #f6f6ea;
--color-la-grange-100: #e8e9db;
--color-la-grange-200: #d5d6c4;
--color-la-grange-300: #b8b9a3;
--color-la-grange-400: #a0a087;
--color-la-grange-500: #88886b;
--color-la-grange-600: #73735b;
--color-la-grange-700: #5c5c49;
--color-la-grange-800: #444334;
--color-la-grange-900: #2f2e23;
--color-la-grange-950: #1c1b12;
}SCSS
$la-grange: #7a7a60;
$la-grange-rgb: 122, 122, 96;
$la-grange-light: mix(#fff, $la-grange, 20%);
$la-grange-dark: mix(#000, $la-grange, 20%);
.element {
color: $la-grange;
box-shadow: 0 0 0 2px rgba($la-grange, 0.35);
}