Benannte Farbe · #62506B
Blackberry Farm
Blackberry Farm ist #62506B: rgb(98 80 107), hsl(280 14% 37%), oklch(0.46 0.048 314.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Blackberry Farm color name →
#62506B
oklch(0.46 0.048 314.3)
Farbumrechnungen
- HEX
- #62506b
- RGB
- rgb(98 80 107)
- HSL
- hsl(280 14% 37%)
- HWB
- hwb(280 31% 58%)
- OKLCH
- oklch(0.46 0.048 314.3)
- OKLab
- oklab(0.46 0.034 -0.035)
- CIE Lab
- lab(36.67 11.89 -12.73)
- LCH
- lch(36.67 17.42 313)
- CMYK
- cmyk(8% 25% 0% 58%)
Tints · Shades · Tones
Tints
- 706079
- 7F7087
- 8E8195
- 9E92A4
- ADA3B2
- BDB5C1
- CDC7D1
- DED9E0
- EEECEF
Shades
- 54445C
- 47394E
- 3A2E3F
- 2D2432
- 211A25
- 161018
- 0B070D
- 030204
- 000000
Tones
- 65556D
- 68596F
- 6B5E71
- 6E6374
- 716876
- 746D78
- 77717A
- 7A767C
- 7D7B7E
Farbharmonien
Komplementär +180°
- 62506B
Blackberry Farm
- 4D5E43
≈ Bavarian
Analog -30° +30°
- 62506B
Blackberry Farm
- 545472
≈ Sombre Grey
- 6C4D5E
≈ Prussian Plum
Triadisch +120° +240°
- 62506B
Blackberry Farm
- 685439
≈ Graveyard Earth
- 356160
≈ Calypso Green
Geteilt komplementär +150° +210°
- 62506B
Blackberry Farm
- 5C5A39
≈ Base Camp
- 3E6151
≈ Tropical Foliage
Tetradisch +90° +180° +270°
- 62506B
Blackberry Farm
- 6F4F42
≈ Moroccan Henna
- 4D5E43
≈ Bavarian
- 395E6C
≈ Blue Spell
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.29:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.87:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.29:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--blackberry-farm: #62506b;
--blackberry-farm-rgb: 98 80 107;
--blackberry-farm-oklch: oklch(0.46 0.048 314.3);
}
.element {
color: var(--blackberry-farm);
background-color: hsl(280 14% 37%);
border-color: oklch(0.46 0.048 314.3);
}Tailwind CSS v4
@theme {
--color-blackberry-farm: #62506b;
--color-blackberry-farm-50: #fbf1ff;
--color-blackberry-farm-100: #eee3f3;
--color-blackberry-farm-200: #ddcee2;
--color-blackberry-farm-300: #c1b0c8;
--color-blackberry-farm-400: #a996b3;
--color-blackberry-farm-500: #927d9d;
--color-blackberry-farm-600: #7c6a85;
--color-blackberry-farm-700: #63556a;
--color-blackberry-farm-800: #483e4f;
--color-blackberry-farm-900: #322a37;
--color-blackberry-farm-950: #1e1822;
}SCSS
$blackberry-farm: #62506b;
$blackberry-farm-rgb: 98, 80, 107;
$blackberry-farm-light: mix(#fff, $blackberry-farm, 20%);
$blackberry-farm-dark: mix(#000, $blackberry-farm, 20%);
.element {
color: $blackberry-farm;
box-shadow: 0 0 0 2px rgba($blackberry-farm, 0.35);
}