Nazwany kolor · #7E875F
Tuscany Hillside
Tuscany Hillside to #7E875F: rgb(126 135 95), hsl(73 17% 45%), oklch(0.605 0.058 118.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Tuscany Hillside color name →
#7E875F
oklch(0.605 0.058 118.5)
Konwersje koloru
- HEX
- #7e875f
- RGB
- rgb(126 135 95)
- HSL
- hsl(73 17% 45%)
- HWB
- hwb(73 37% 47%)
- OKLCH
- oklch(0.605 0.058 118.5)
- OKLab
- oklab(0.605 -0.028 0.051)
- CIE Lab
- lab(54.77 -8.73 20.42)
- LCH
- lch(54.77 22.21 113.2)
- CMYK
- cmyk(7% 0% 30% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8A926E
- 969E7E
- A3AA8D
- AFB69D
- BCC2AD
- C9CEBD
- D6DACD
- E4E6DE
- F1F2EE
Odcienie ciemniejsze
- 6D7552
- 5C6344
- 4C5138
- 3C412C
- 2D3120
- 1F2115
- 11130A
- 050603
- 010100
Tony
- 7E8663
- 7E8666
- 7F856A
- 7F846D
- 7F8470
- 7F8373
- 7F8277
- 80827A
- 80817D
Harmonie kolorów
Komplementarna +180°
- 7E875F
Tuscany Hillside
- 867AA1
≈ Second Pour
Analogowa -30° +30°
- 7E875F
Tuscany Hillside
- 908059
≈ Wood Chi
- 6A8C6E
≈ Slate Green
Triada +120° +240°
- 7E875F
Tuscany Hillside
- 6187A1
≈ Moody Indigo
- 9F7381
≈ Dusk Wine
Komplementarna rozszczepiona +150° +210°
- 7E875F
Tuscany Hillside
- 7381A6
≈ English Manor
- 967693
≈ Veri Berri
Tetrada +90° +180° +270°
- 7E875F
Tuscany Hillside
- 568C94
≈ Dusty Turquoise
- 867AA1
≈ Second Pour
- A2756E
≈ Autumn Russet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.80:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.51:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--tuscany-hillside: #7e875f;
--tuscany-hillside-rgb: 126 135 95;
--tuscany-hillside-oklch: oklch(0.605 0.058 118.5);
}
.element {
color: var(--tuscany-hillside);
background-color: hsl(73 17% 45%);
border-color: oklch(0.605 0.058 118.5);
}Tailwind CSS v4
@theme {
--color-tuscany-hillside: #7e875f;
--color-tuscany-hillside-50: #f2f8e6;
--color-tuscany-hillside-100: #e5ebd6;
--color-tuscany-hillside-200: #d0d8bd;
--color-tuscany-hillside-300: #b3bc9b;
--color-tuscany-hillside-400: #9ba47d;
--color-tuscany-hillside-500: #828c5f;
--color-tuscany-hillside-600: #6e7651;
--color-tuscany-hillside-700: #585f41;
--color-tuscany-hillside-800: #41452e;
--color-tuscany-hillside-900: #2d301f;
--color-tuscany-hillside-950: #1a1c0f;
}SCSS
$tuscany-hillside: #7e875f;
$tuscany-hillside-rgb: 126, 135, 95;
$tuscany-hillside-light: mix(#fff, $tuscany-hillside, 20%);
$tuscany-hillside-dark: mix(#000, $tuscany-hillside, 20%);
.element {
color: $tuscany-hillside;
box-shadow: 0 0 0 2px rgba($tuscany-hillside, 0.35);
}