Nazwany kolor · #544540
Railroad Ties
Railroad Ties to #544540: rgb(84 69 64), hsl(15 14% 29%), oklch(0.404 0.022 39.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Railroad Ties color name →
#544540
oklch(0.404 0.022 39.3)
Konwersje koloru
- HEX
- #544540
- RGB
- rgb(84 69 64)
- HSL
- hsl(15 14% 29%)
- HWB
- hwb(15 25% 67%)
- OKLCH
- oklch(0.404 0.022 39.3)
- OKLab
- oklab(0.404 0.017 0.014)
- CIE Lab
- lab(30.76 5.95 5.55)
- LCH
- lch(30.76 8.14 43)
- CMYK
- cmyk(0% 18% 24% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 645651
- 746762
- 847874
- 958A87
- A69D9A
- B7B0AD
- C9C3C1
- DAD7D5
- EDEBEA
Odcienie ciemniejsze
- 483B36
- 3C312D
- 312724
- 261E1B
- 1B1513
- 110C0B
- 080505
- 020201
- 000000
Tony
- 584B46
- 5D504C
- 615652
- 655C59
- 6A625F
- 6E6866
- 736E6C
- 777473
- 7C7A79
Harmonie kolorów
Komplementarna +180°
- 544540
Railroad Ties
- 3C4C51
≈ Kimono Grey
Analogowa -30° +30°
- 544540
Railroad Ties
- 544446
≈ Christmas Pudding
- 51473C
≈ Wet Suit
Triada +120° +240°
- 544540
Railroad Ties
- 3F4D45
≈ Olympic Range
- 464855
≈ Gun Powder
Komplementarna rozszczepiona +150° +210°
- 544540
Railroad Ties
- 3B4D4B
≈ Black Green
- 404A55
≈ Dutch Licorice
Tetrada +90° +180° +270°
- 544540
Railroad Ties
- 454B3F
≈ Foxhall Green
- 3C4C51
≈ Kimono Grey
- 4C4652
≈ Quixotic Plum
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.12:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.30:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.12:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--railroad-ties: #544540;
--railroad-ties-rgb: 84 69 64;
--railroad-ties-oklch: oklch(0.404 0.022 39.3);
}
.element {
color: var(--railroad-ties);
background-color: hsl(15 14% 29%);
border-color: oklch(0.404 0.022 39.3);
}Tailwind CSS v4
@theme {
--color-railroad-ties: #544540;
--color-railroad-ties-50: #fbf3f0;
--color-railroad-ties-100: #efe6e2;
--color-railroad-ties-200: #ddd1cd;
--color-railroad-ties-300: #c2b4af;
--color-railroad-ties-400: #ab9a95;
--color-railroad-ties-500: #94827b;
--color-railroad-ties-600: #7d6e69;
--color-railroad-ties-700: #645853;
--color-railroad-ties-800: #4a403d;
--color-railroad-ties-900: #332c2a;
--color-railroad-ties-950: #1f1917;
}SCSS
$railroad-ties: #544540;
$railroad-ties-rgb: 84, 69, 64;
$railroad-ties-light: mix(#fff, $railroad-ties, 20%);
$railroad-ties-dark: mix(#000, $railroad-ties, 20%);
.element {
color: $railroad-ties;
box-shadow: 0 0 0 2px rgba($railroad-ties, 0.35);
}