Benannte Farbe · #845469
Private Tone
Private Tone ist #845469: rgb(132 84 105), hsl(334 22% 42%), oklch(0.506 0.07 352.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Private Tone color name →
#845469
oklch(0.506 0.07 352.1)
Farbumrechnungen
- HEX
- #845469
- RGB
- rgb(132 84 105)
- HSL
- hsl(334 22% 42%)
- HWB
- hwb(334 33% 48%)
- OKLCH
- oklch(0.506 0.07 352.1)
- OKLab
- oklab(0.506 0.069 -0.01)
- CIE Lab
- lab(41.76 22.88 -3.41)
- LCH
- lch(41.76 23.13 351.5)
- CMYK
- cmyk(0% 36% 20% 48%)
Tints · Shades · Tones
Tints
- 906477
- 9D7485
- A98593
- B595A2
- C1A6B1
- CEB7C0
- DAC9D0
- E6DBDF
- F3EDEF
Shades
- 72485A
- 603C4C
- 4F313E
- 3F2631
- 2F1B24
- 201118
- 12080C
- 060204
- 010000
Tones
- 84596B
- 845D6E
- 846170
- 846672
- 836A74
- 836F77
- 827379
- 82777B
- 817C7E
Farbharmonien
Komplementär +180°
- 845469
Private Tone
- 357260
≈ Nordic Forest
Analog -30° +30°
- 845469
Private Tone
- 78577D
≈ Dr Who
- 895553
≈ Conifer Cone
Triadisch +120° +240°
- 845469
Private Tone
- 666938
≈ Jungle Civilization
- 376C86
≈ Lake Stream
Geteilt komplementär +150° +210°
- 845469
Private Tone
- 4D6F4A
≈ Fairway
- 2A7176
≈ Whaling Waters
Tetradisch +90° +180° +270°
- 845469
Private Tone
- 796134
≈ Twig Basket
- 357260
≈ Nordic Forest
- 4F658D
≈ Dutch Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.08:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.45:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.08:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--private-tone: #845469;
--private-tone-rgb: 132 84 105;
--private-tone-oklch: oklch(0.506 0.07 352.1);
}
.element {
color: var(--private-tone);
background-color: hsl(334 22% 42%);
border-color: oklch(0.506 0.07 352.1);
}Tailwind CSS v4
@theme {
--color-private-tone: #845469;
--color-private-tone-50: #ffedf6;
--color-private-tone-100: #fcdfe9;
--color-private-tone-200: #eec9d6;
--color-private-tone-300: #d5a9ba;
--color-private-tone-400: #c08ea3;
--color-private-tone-500: #ab738b;
--color-private-tone-600: #906176;
--color-private-tone-700: #744e5e;
--color-private-tone-800: #553846;
--color-private-tone-900: #3b2730;
--color-private-tone-950: #25151c;
}SCSS
$private-tone: #845469;
$private-tone-rgb: 132, 84, 105;
$private-tone-light: mix(#fff, $private-tone, 20%);
$private-tone-dark: mix(#000, $private-tone, 20%);
.element {
color: $private-tone;
box-shadow: 0 0 0 2px rgba($private-tone, 0.35);
}