Nazwany kolor · #4D4D41
Ruskin Bronze
Ruskin Bronze to #4D4D41: rgb(77 77 65), hsl(60 8% 28%), oklch(0.416 0.019 107.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ruskin Bronze color name →
#4D4D41
oklch(0.416 0.019 107.2)
Konwersje koloru
- HEX
- #4d4d41
- RGB
- rgb(77 77 65)
- HSL
- hsl(60 8% 28%)
- HWB
- hwb(60 25% 70%)
- OKLCH
- oklch(0.416 0.019 107.2)
- OKLab
- oklab(0.416 -0.006 0.018)
- CIE Lab
- lab(32.46 -1.8 7.16)
- LCH
- lch(32.46 7.38 104.1)
- CMYK
- cmyk(0% 0% 16% 70%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5D5D52
- 6D6D63
- 7E7E75
- 909088
- A1A19B
- B3B3AE
- C6C6C2
- D9D9D6
- ECECEA
Odcienie ciemniejsze
- 424237
- 37372E
- 2C2C25
- 22221C
- 181813
- 0F0F0B
- 070705
- 020201
- 000000
Tony
- 525247
- 57574D
- 5C5C53
- 616159
- 666660
- 6B6B66
- 70706C
- 757573
- 7B7B79
Harmonie kolorów
Komplementarna +180°
- 4D4D41
Ruskin Bronze
- 4B4B56
≈ Downing Street
Analogowa -30° +30°
- 4D4D41
Ruskin Bronze
- 524B41
≈ Arrowhead
- 474F44
≈ Charcoal Smoke
Triada +120° +240°
- 4D4D41
Ruskin Bronze
- 414E54
≈ Deepest Sea
- 54484E
≈ Smoky Quartz
Komplementarna rozszczepiona +150° +210°
- 4D4D41
Ruskin Bronze
- 464D57
≈ Deepest Sea
- 514953
≈ Napa Harvest
Tetrada +90° +180° +270°
- 4D4D41
Ruskin Bronze
- 405050
≈ Thermal
- 4B4B56
≈ Downing Street
- 564848
≈ Chinotto
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.55:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.45:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.55:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--ruskin-bronze: #4d4d41;
--ruskin-bronze-rgb: 77 77 65;
--ruskin-bronze-oklch: oklch(0.416 0.019 107.2);
}
.element {
color: var(--ruskin-bronze);
background-color: hsl(60 8% 28%);
border-color: oklch(0.416 0.019 107.2);
}Tailwind CSS v4
@theme {
--color-ruskin-bronze: #4d4d41;
--color-ruskin-bronze-50: #f5f6ef;
--color-ruskin-bronze-100: #e8e8e1;
--color-ruskin-bronze-200: #d4d5cc;
--color-ruskin-bronze-300: #b8b8ad;
--color-ruskin-bronze-400: #9f9f93;
--color-ruskin-bronze-500: #878779;
--color-ruskin-bronze-600: #727266;
--color-ruskin-bronze-700: #5b5c52;
--color-ruskin-bronze-800: #43433b;
--color-ruskin-bronze-900: #2e2e29;
--color-ruskin-bronze-950: #1b1b17;
}SCSS
$ruskin-bronze: #4d4d41;
$ruskin-bronze-rgb: 77, 77, 65;
$ruskin-bronze-light: mix(#fff, $ruskin-bronze, 20%);
$ruskin-bronze-dark: mix(#000, $ruskin-bronze, 20%);
.element {
color: $ruskin-bronze;
box-shadow: 0 0 0 2px rgba($ruskin-bronze, 0.35);
}