Benannte Farbe · #5C5666
Ripe Berry
Ripe Berry ist #5C5666: rgb(92 86 102), hsl(263 9% 37%), oklch(0.465 0.027 302.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ripe Berry color name →
#5C5666
oklch(0.465 0.027 302.4)
Farbumrechnungen
- HEX
- #5c5666
- RGB
- rgb(92 86 102)
- HSL
- hsl(263 9% 37%)
- HWB
- hwb(263 34% 60%)
- OKLCH
- oklch(0.465 0.027 302.4)
- OKLab
- oklab(0.465 0.014 -0.022)
- CIE Lab
- lab(37.59 5.12 -8.34)
- LCH
- lch(37.59 9.78 301.6)
- CMYK
- cmyk(10% 16% 0% 60%)
Tints · Shades · Tones
Tints
- 6B6574
- 7A7583
- 8A8591
- 9A96A0
- AAA7B0
- BAB8BF
- CBC9CF
- DCDBDF
- EDEDEF
Shades
- 4F4A58
- 423E4A
- 36323C
- 2A272F
- 1F1C23
- 141217
- 0A080C
- 030204
- 000000
Tones
- 5F5A69
- 635E6B
- 67626E
- 6A6770
- 6E6B73
- 716F76
- 757378
- 79777B
- 7C7C7D
Farbharmonien
Komplementär +180°
- 5C5666
Ripe Berry
- 565C4C
≈ Rookwood Dark Green
Analog -30° +30°
- 5C5666
Ripe Berry
- 545969
≈ Midnight Sun
- 635460
≈ Purple Trinket
Triadisch +120° +240°
- 5C5666
Ripe Berry
- 64564A
≈ Osprey
- 495E5A
≈ Silken Pine
Geteilt komplementär +150° +210°
- 5C5666
Ripe Berry
- 5E5949
≈ Mud Room
- 4F5E52
≈ Feldgrau
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.05:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.97:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.05:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--ripe-berry: #5c5666;
--ripe-berry-rgb: 92 86 102;
--ripe-berry-oklch: oklch(0.465 0.027 302.4);
}
.element {
color: var(--ripe-berry);
background-color: hsl(263 9% 37%);
border-color: oklch(0.465 0.027 302.4);
}Tailwind CSS v4
@theme {
--color-ripe-berry: #5c5666;
--color-ripe-berry-50: #f7f3fb;
--color-ripe-berry-100: #eae6ef;
--color-ripe-berry-200: #d7d2de;
--color-ripe-berry-300: #bab4c3;
--color-ripe-berry-400: #a19bac;
--color-ripe-berry-500: #898295;
--color-ripe-berry-600: #746e7e;
--color-ripe-berry-700: #5d5865;
--color-ripe-berry-800: #44404a;
--color-ripe-berry-900: #2f2c34;
--color-ripe-berry-950: #1b191f;
}SCSS
$ripe-berry: #5c5666;
$ripe-berry-rgb: 92, 86, 102;
$ripe-berry-light: mix(#fff, $ripe-berry, 20%);
$ripe-berry-dark: mix(#000, $ripe-berry, 20%);
.element {
color: $ripe-berry;
box-shadow: 0 0 0 2px rgba($ripe-berry, 0.35);
}