Benannte Farbe · #4D483D
Philosophically Speaking
Philosophically Speaking ist #4D483D: rgb(77 72 61), hsl(41 12% 27%), oklch(0.403 0.019 86.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Philosophically Speaking color name →
#4D483D
oklch(0.403 0.019 86.5)
Farbumrechnungen
- HEX
- #4d483d
- RGB
- rgb(77 72 61)
- HSL
- hsl(41 12% 27%)
- HWB
- hwb(41 24% 70%)
- OKLCH
- oklch(0.403 0.019 86.5)
- OKLab
- oklab(0.403 0.001 0.019)
- CIE Lab
- lab(30.83 0.58 7.42)
- LCH
- lch(30.83 7.45 85.5)
- CMYK
- cmyk(0% 6% 21% 70%)
Tints · Shades · Tones
Tints
- 5D584E
- 6D6960
- 7E7B72
- 908C85
- A19F98
- B3B1AC
- C6C4C0
- D9D7D5
- ECEBEA
Shades
- 423D34
- 37332B
- 2C2922
- 221F1A
- 181612
- 0F0D0A
- 070604
- 020201
- 000000
Tones
- 524D43
- 57534A
- 5C5850
- 615E57
- 66635E
- 6B6964
- 706F6B
- 757472
- 7B7A79
Farbharmonien
Komplementär +180°
- 4D483D
Philosophically Speaking
- 444853
≈ Midnight Sky
Analog -30° +30°
- 4D483D
Philosophically Speaking
- 51463F
≈ Rave Raisin
- 484A3E
≈ Sensai Brown
Triadisch +120° +240°
- 4D483D
Philosophically Speaking
- 3D4C4E
≈ Mechanicus Standard Grey
- 4E454E
≈ Black Dahlia
Geteilt komplementär +150° +210°
- 4D483D
Philosophically Speaking
- 3F4A52
≈ Medium Gunship Grey
- 494752
≈ Gun Powder
Tetradisch +90° +180° +270°
- 4D483D
Philosophically Speaking
- 3E4C48
≈ Deep Mooring
- 444853
≈ Midnight Sky
- 514449
≈ Plum Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.09:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.30:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.09:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--philosophically-speaking: #4d483d;
--philosophically-speaking-rgb: 77 72 61;
--philosophically-speaking-oklch: oklch(0.403 0.019 86.5);
}
.element {
color: var(--philosophically-speaking);
background-color: hsl(41 12% 27%);
border-color: oklch(0.403 0.019 86.5);
}Tailwind CSS v4
@theme {
--color-philosophically-speaking: #4d483d;
--color-philosophically-speaking-50: #f7f5ef;
--color-philosophically-speaking-100: #eae8e1;
--color-philosophically-speaking-200: #d7d4cb;
--color-philosophically-speaking-300: #bbb7ad;
--color-philosophically-speaking-400: #a39e92;
--color-philosophically-speaking-500: #8c8678;
--color-philosophically-speaking-600: #767166;
--color-philosophically-speaking-700: #5f5a51;
--color-philosophically-speaking-800: #45423b;
--color-philosophically-speaking-900: #302d28;
--color-philosophically-speaking-950: #1c1a16;
}SCSS
$philosophically-speaking: #4d483d;
$philosophically-speaking-rgb: 77, 72, 61;
$philosophically-speaking-light: mix(#fff, $philosophically-speaking, 20%);
$philosophically-speaking-dark: mix(#000, $philosophically-speaking, 20%);
.element {
color: $philosophically-speaking;
box-shadow: 0 0 0 2px rgba($philosophically-speaking, 0.35);
}