Benannte Farbe · #786D72
Pineal Pink
Pineal Pink ist #786D72: rgb(120 109 114), hsl(333 5% 45%), oklch(0.547 0.016 348.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pineal Pink color name →
#786D72
oklch(0.547 0.016 348.3)
Farbumrechnungen
- HEX
- #786d72
- RGB
- rgb(120 109 114)
- HSL
- hsl(333 5% 45%)
- HWB
- hwb(333 43% 53%)
- OKLCH
- oklch(0.547 0.016 348.3)
- OKLab
- oklab(0.547 0.015 -0.003)
- CIE Lab
- lab(47.19 5.16 -1.15)
- LCH
- lch(47.19 5.29 347.4)
- CMYK
- cmyk(0% 9% 5% 53%)
Tints · Shades · Tones
Tints
- 857B7F
- 92888C
- 9F969A
- ACA5A8
- B9B3B6
- C7C2C4
- D5D1D3
- E3E0E1
- F1EFF0
Shades
- 675E62
- 574F53
- 484144
- 393336
- 2A2628
- 1D191B
- 100D0E
- 050404
- 010101
Tones
- 796F73
- 7A7175
- 7A7376
- 7B7578
- 7C7679
- 7D787A
- 7E7A7C
- 7E7C7D
- 7F7E7F
Farbharmonien
Komplementär +180°
- 786D72
Pineal Pink
- 68746F
≈ Heritage Park
Analog -30° +30°
- 786D72
Pineal Pink
- 756E77
≈ Exclusive Plum
- 796D6D
≈ Grapy
Triadisch +120° +240°
- 786D72
Pineal Pink
- 717167
≈ Billowing Smoke
- 687378
≈ Rain Shadow
Geteilt komplementär +150° +210°
- 786D72
Pineal Pink
- 6C736A
≈ Billowing Smoke
- 667474
≈ Rain Shadow
Tetradisch +90° +180° +270°
- 786D72
Pineal Pink
- 767067
≈ Grey Owl
- 68746F
≈ Heritage Park
- 6B717A
≈ Made in the Shade
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.96:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.22:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--pineal-pink: #786d72;
--pineal-pink-rgb: 120 109 114;
--pineal-pink-oklch: oklch(0.547 0.016 348.3);
}
.element {
color: var(--pineal-pink);
background-color: hsl(333 5% 45%);
border-color: oklch(0.547 0.016 348.3);
}Tailwind CSS v4
@theme {
--color-pineal-pink: #786d72;
--color-pineal-pink-50: #f9f3f6;
--color-pineal-pink-100: #ece6e8;
--color-pineal-pink-200: #dad2d5;
--color-pineal-pink-300: #beb4b8;
--color-pineal-pink-400: #a69ba0;
--color-pineal-pink-500: #8f8288;
--color-pineal-pink-600: #796e73;
--color-pineal-pink-700: #61585c;
--color-pineal-pink-800: #474043;
--color-pineal-pink-900: #312c2f;
--color-pineal-pink-950: #1d191b;
}SCSS
$pineal-pink: #786d72;
$pineal-pink-rgb: 120, 109, 114;
$pineal-pink-light: mix(#fff, $pineal-pink, 20%);
$pineal-pink-dark: mix(#000, $pineal-pink, 20%);
.element {
color: $pineal-pink;
box-shadow: 0 0 0 2px rgba($pineal-pink, 0.35);
}