Benannte Farbe · #6F5166
Hibernation
Hibernation ist #6F5166: rgb(111 81 102), hsl(318 16% 38%), oklch(0.474 0.051 337.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Hibernation color name →
#6F5166
oklch(0.474 0.051 337.8)
Farbumrechnungen
- HEX
- #6f5166
- RGB
- rgb(111 81 102)
- HSL
- hsl(318 16% 38%)
- HWB
- hwb(318 32% 56%)
- OKLCH
- oklch(0.474 0.051 337.8)
- OKLab
- oklab(0.474 0.047 -0.019)
- CIE Lab
- lab(38.27 15.71 -7.05)
- LCH
- lch(38.27 17.22 335.8)
- CMYK
- cmyk(0% 27% 8% 56%)
Tints · Shades · Tones
Tints
- 7D6174
- 8B7183
- 998291
- A793A0
- B5A4AF
- C4B6BF
- D2C8CF
- E1DADF
- F0ECEF
Shades
- 604558
- 513A4A
- 422F3C
- 34242F
- 271A23
- 1A1017
- 0E070C
- 040204
- 010000
Tones
- 715669
- 735A6B
- 755F6E
- 766470
- 786873
- 7A6D76
- 7B7278
- 7D777B
- 7E7B7D
Farbharmonien
Komplementär +180°
- 6F5166
Hibernation
- 436551
≈ Isle of Pines
Analog -30° +30°
- 6F5166
Hibernation
- 645472
≈ Rich Texture
- 755056
≈ Plumberry
Triadisch +120° +240°
- 6F5166
Hibernation
- 635C3B
≈ Beach Casuarina
- 39636F
≈ Juniper Berry Blue
Geteilt komplementär +150° +210°
- 6F5166
Hibernation
- 546243
≈ Boughs of Pine
- 386561
≈ Moor Pond Green
Tetradisch +90° +180° +270°
- 6F5166
Hibernation
- 6F573D
≈ Huckleberry Brown
- 436551
≈ Isle of Pines
- 455F77
≈ Mountain River
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.89:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.04:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--hibernation: #6f5166;
--hibernation-rgb: 111 81 102;
--hibernation-oklch: oklch(0.474 0.051 337.8);
}
.element {
color: var(--hibernation);
background-color: hsl(318 16% 38%);
border-color: oklch(0.474 0.051 337.8);
}Tailwind CSS v4
@theme {
--color-hibernation: #6f5166;
--color-hibernation-50: #fff0fa;
--color-hibernation-100: #f4e2ed;
--color-hibernation-200: #e4ccdb;
--color-hibernation-300: #caaec0;
--color-hibernation-400: #b393a9;
--color-hibernation-500: #9d7a92;
--color-hibernation-600: #85677c;
--color-hibernation-700: #6a5263;
--color-hibernation-800: #4e3c49;
--color-hibernation-900: #362933;
--color-hibernation-950: #21171e;
}SCSS
$hibernation: #6f5166;
$hibernation-rgb: 111, 81, 102;
$hibernation-light: mix(#fff, $hibernation, 20%);
$hibernation-dark: mix(#000, $hibernation, 20%);
.element {
color: $hibernation;
box-shadow: 0 0 0 2px rgba($hibernation, 0.35);
}