Nazwany kolor · #884B3D
Rusted Nail
Rusted Nail to #884B3D: rgb(136 75 61), hsl(11 38% 39%), oklch(0.483 0.086 33.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rusted Nail color name →
#884B3D
oklch(0.483 0.086 33.9)
Konwersje koloru
- HEX
- #884b3d
- RGB
- rgb(136 75 61)
- HSL
- hsl(11 38% 39%)
- HWB
- hwb(11 24% 47%)
- OKLCH
- oklch(0.483 0.086 33.9)
- OKLab
- oklab(0.483 0.072 0.048)
- CIE Lab
- lab(39.25 25.35 20.22)
- LCH
- lch(39.25 32.43 38.6)
- CMYK
- cmyk(0% 45% 55% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 945C4F
- A16D61
- AD7F73
- B99086
- C5A29A
- D1B4AD
- DCC6C1
- E8D9D5
- F4ECEA
Odcienie ciemniejsze
- 754034
- 63352B
- 522B22
- 41211A
- 311712
- 220E0A
- 130604
- 060201
- 010000
Tony
- 885144
- 88564B
- 875C51
- 876158
- 86665F
- 856C65
- 84716C
- 837673
- 827B79
Harmonie kolorów
Komplementarna +180°
- 884B3D
Rusted Nail
- 006A7B
≈ Teal With It
Analogowa -30° +30°
- 884B3D
Rusted Nail
- 864859
≈ Dark Earth
- 805324
≈ Lion’s Lair
Triada +120° +240°
- 884B3D
Rusted Nail
- 326C47
≈ Chopped Chive
- 4F5A8F
≈ Piccadilly Purple
Komplementarna rozszczepiona +150° +210°
- 884B3D
Rusted Nail
- 006E64
≈ Deep Pacific
- 2E638B
≈ Copenhagen Blue
Tetrada +90° +180° +270°
- 884B3D
Rusted Nail
- 54662C
≈ Bimi Green
- 006A7B
≈ Teal With It
- 695186
≈ Zimidar
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.72:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.12:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--rusted-nail: #884b3d;
--rusted-nail-rgb: 136 75 61;
--rusted-nail-oklch: oklch(0.483 0.086 33.9);
}
.element {
color: var(--rusted-nail);
background-color: hsl(11 38% 39%);
border-color: oklch(0.483 0.086 33.9);
}Tailwind CSS v4
@theme {
--color-rusted-nail: #884b3d;
--color-rusted-nail-50: #ffede4;
--color-rusted-nail-100: #ffdfd4;
--color-rusted-nail-200: #f6c8bb;
--color-rusted-nail-300: #e0a899;
--color-rusted-nail-400: #cc8c7d;
--color-rusted-nail-500: #b87060;
--color-rusted-nail-600: #9b5f51;
--color-rusted-nail-700: #7d4c41;
--color-rusted-nail-800: #5d372f;
--color-rusted-nail-900: #412520;
--color-rusted-nail-950: #291410;
}SCSS
$rusted-nail: #884b3d;
$rusted-nail-rgb: 136, 75, 61;
$rusted-nail-light: mix(#fff, $rusted-nail, 20%);
$rusted-nail-dark: mix(#000, $rusted-nail, 20%);
.element {
color: $rusted-nail;
box-shadow: 0 0 0 2px rgba($rusted-nail, 0.35);
}