Benannte Farbe · #6B4947
Painite
Painite ist #6B4947: rgb(107 73 71), hsl(3 20% 35%), oklch(0.442 0.047 22.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Painite color name →
#6B4947
oklch(0.442 0.047 22.9)
Farbumrechnungen
- HEX
- #6b4947
- RGB
- rgb(107 73 71)
- HSL
- hsl(3 20% 35%)
- HWB
- hwb(3 28% 58%)
- OKLCH
- oklch(0.442 0.047 22.9)
- OKLab
- oklab(0.442 0.043 0.018)
- CIE Lab
- lab(34.86 14.73 7.34)
- LCH
- lch(34.86 16.45 26.5)
- CMYK
- cmyk(0% 32% 34% 58%)
Tints · Shades · Tones
Tints
- 795A57
- 886A68
- 967C7A
- A58D8C
- B3A09E
- C2B2B1
- D1C5C4
- E0D8D7
- F0EBEB
Shades
- 5C3E3D
- 4E3432
- 3F2A28
- 32201F
- 251716
- 180E0D
- 0D0606
- 040202
- 000000
Tones
- 6D4E4C
- 705452
- 725958
- 745F5D
- 766463
- 786A69
- 7A6F6E
- 7C7574
- 7E7A7A
Farbharmonien
Komplementär +180°
- 6B4947
Painite
- 315B5F
≈ Arctic Nights
Analog -30° +30°
- 6B4947
Painite
- 684855
≈ Mixed Berry Jam
- 684C3B
≈ Deep Umber
Triadisch +120° +240°
- 6B4947
Painite
- 445A42
≈ Grey Asparagus
- 45536E
≈ East Bay
Geteilt komplementär +150° +210°
- 6B4947
Painite
- 375C51
≈ Holly Bush
- 385869
≈ Summer Night
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.86:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.66:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.86:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--painite: #6b4947;
--painite-rgb: 107 73 71;
--painite-oklch: oklch(0.442 0.047 22.9);
}
.element {
color: var(--painite);
background-color: hsl(3 20% 35%);
border-color: oklch(0.442 0.047 22.9);
}Tailwind CSS v4
@theme {
--color-painite: #6b4947;
--color-painite-50: #fff0ee;
--color-painite-100: #f7e2e0;
--color-painite-200: #e8cdca;
--color-painite-300: #cfafab;
--color-painite-400: #b99492;
--color-painite-500: #a37a78;
--color-painite-600: #8a6865;
--color-painite-700: #6f5351;
--color-painite-800: #523c3b;
--color-painite-900: #392929;
--color-painite-950: #231717;
}SCSS
$painite: #6b4947;
$painite-rgb: 107, 73, 71;
$painite-light: mix(#fff, $painite, 20%);
$painite-dark: mix(#000, $painite, 20%);
.element {
color: $painite;
box-shadow: 0 0 0 2px rgba($painite, 0.35);
}