Nächste benannte Farbe · #7F6854
#7F6854
Nächste benannte Farbe: Pastel Brown
#7F6854 (rgb(127 104 84), hsl(28 20% 41%), oklch(0.534 0.042 62.7)) liegt am nächsten an der benannten Farbe Pastel Brown. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#7F6854
oklch(0.534 0.042 62.7)
Farbumrechnungen
- HEX
- #7f6854
- RGB
- rgb(127 104 84)
- HSL
- hsl(28 20% 41%)
- HWB
- hwb(28 33% 50%)
- OKLCH
- oklch(0.534 0.042 62.7)
- OKLab
- oklab(0.534 0.019 0.037)
- CIE Lab
- lab(45.88 7.17 14.93)
- LCH
- lch(45.88 16.56 64.3)
- CMYK
- cmyk(0% 18% 34% 50%)
Tints · Shades · Tones
Tints
- 8B7664
- 988474
- A49384
- B1A295
- BDB1A6
- CAC0B7
- D7CFC9
- E4DFDB
- F2EFED
Shades
- 6E5948
- 5D4B3C
- 4C3E31
- 3C3026
- 2D241B
- 1F1811
- 110C08
- 060402
- 010000
Tones
- 7F6A58
- 7F6D5D
- 806F61
- 807266
- 80746A
- 80766E
- 807973
- 807B77
- 807E7C
Farbharmonien
Komplementär +180°
- 7F6854
Pastel Brown
- 587084
≈ Silver Blueberry
Analog -30° +30°
- 7F6854
Pastel Brown
- 84645E
≈ Smoked Almond
- 756D51
≈ Peat
Triadisch +120° +240°
- 7F6854
Pastel Brown
- 51756F
≈ Evening Emerald
- 726782
≈ Aromatic
Geteilt komplementär +150° +210°
- 7F6854
Pastel Brown
- 50747C
≈ Blue Sage
- 656C86
≈ Dangerously Elegant
Tetradisch +90° +180° +270°
- 7F6854
Pastel Brown
- 5B7461
≈ Brookside
- 587084
≈ Silver Blueberry
- 7C6478
≈ Cabal
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.01:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--pastel-brown: #7f6854;
--pastel-brown-rgb: 127 104 84;
--pastel-brown-oklch: oklch(0.534 0.042 62.7);
}
.element {
color: var(--pastel-brown);
background-color: hsl(28 20% 41%);
border-color: oklch(0.534 0.042 62.7);
}Tailwind CSS v4
@theme {
--color-pastel-brown: #7f6854;
--color-pastel-brown-50: #fef3e9;
--color-pastel-brown-100: #f2e5da;
--color-pastel-brown-200: #e1d1c2;
--color-pastel-brown-300: #c7b3a2;
--color-pastel-brown-400: #b19a85;
--color-pastel-brown-500: #9b806a;
--color-pastel-brown-600: #836d5a;
--color-pastel-brown-700: #695748;
--color-pastel-brown-800: #4d3f34;
--color-pastel-brown-900: #362c23;
--color-pastel-brown-950: #211912;
}SCSS
$pastel-brown: #7f6854;
$pastel-brown-rgb: 127, 104, 84;
$pastel-brown-light: mix(#fff, $pastel-brown, 20%);
$pastel-brown-dark: mix(#000, $pastel-brown, 20%);
.element {
color: $pastel-brown;
box-shadow: 0 0 0 2px rgba($pastel-brown, 0.35);
}