Nazwany kolor · #AD5C34
Monument Valley
Monument Valley to #AD5C34: rgb(173 92 52), hsl(20 54% 44%), oklch(0.563 0.119 45.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Monument Valley color name →
#AD5C34
oklch(0.563 0.119 45.6)
Konwersje koloru
- HEX
- #ad5c34
- RGB
- rgb(173 92 52)
- HSL
- hsl(20 54% 44%)
- HWB
- hwb(20 20% 32%)
- OKLCH
- oklch(0.563 0.119 45.6)
- OKLab
- oklab(0.563 0.083 0.085)
- CIE Lab
- lab(48.48 31.39 37.81)
- LCH
- lch(48.48 49.15 50.3)
- CMYK
- cmyk(0% 47% 70% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B66C49
- BF7C5D
- C88C71
- D19C85
- D9AD99
- E1BDAD
- E9CDC1
- F1DED5
- F8EEEA
Odcienie ciemniejsze
- 964F2C
- 7F4224
- 6A361C
- 552A15
- 411F0E
- 2D1407
- 1B0A03
- 0B0301
- 010000
Tony
- A9603D
- A56546
- A1694E
- 9D6C56
- 99705D
- 947364
- 90776B
- 8B7A72
- 867D79
Harmonie kolorów
Komplementarna +180°
- AD5C34
Monument Valley
- 0081A5
≈ Advertising Blue
Analogowa -30° +30°
- AD5C34
Monument Valley
- B0555E
≈ Alsike Clover Red
- 9D6A00
≈ Balor Brown
Triada +120° +240°
- AD5C34
Monument Valley
- 008A64
≈ Chagall Green
- 7069B7
≈ Ultra Violet
Komplementarna rozszczepiona +150° +210°
- AD5C34
Monument Valley
- 008687
≈ Tubbataha Teal
- 4276B9
≈ Sinatra
Tetrada +90° +180° +270°
- AD5C34
Monument Valley
- 548439
≈ Hot Pepper Green
- 0081A5
≈ Advertising Blue
- 905EA4
≈ Empire Violet
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.81:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.35:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.81:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--monument-valley: #ad5c34;
--monument-valley-rgb: 173 92 52;
--monument-valley-oklch: oklch(0.563 0.119 45.6);
}
.element {
color: var(--monument-valley);
background-color: hsl(20 54% 44%);
border-color: oklch(0.563 0.119 45.6);
}Tailwind CSS v4
@theme {
--color-monument-valley: #ad5c34;
--color-monument-valley-50: #ffecd9;
--color-monument-valley-100: #ffddc6;
--color-monument-valley-200: #ffc6a9;
--color-monument-valley-300: #eaa582;
--color-monument-valley-400: #d88761;
--color-monument-valley-500: #c56a3d;
--color-monument-valley-600: #a65a34;
--color-monument-valley-700: #86482a;
--color-monument-valley-800: #64331e;
--color-monument-valley-900: #462314;
--color-monument-valley-950: #2d1206;
}SCSS
$monument-valley: #ad5c34;
$monument-valley-rgb: 173, 92, 52;
$monument-valley-light: mix(#fff, $monument-valley, 20%);
$monument-valley-dark: mix(#000, $monument-valley, 20%);
.element {
color: $monument-valley;
box-shadow: 0 0 0 2px rgba($monument-valley, 0.35);
}