Nazwany kolor · #62506B
Blackberry Farm
Blackberry Farm to #62506B: rgb(98 80 107), hsl(280 14% 37%), oklch(0.46 0.048 314.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Blackberry Farm color name →
#62506B
oklch(0.46 0.048 314.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 706079
- 7F7087
- 8E8195
- 9E92A4
- ADA3B2
- BDB5C1
- CDC7D1
- DED9E0
- EEECEF
Odcienie ciemniejsze
- 54445C
- 47394E
- 3A2E3F
- 2D2432
- 211A25
- 161018
- 0B070D
- 030204
- 000000
Tony
- 65556D
- 68596F
- 6B5E71
- 6E6374
- 716876
- 746D78
- 77717A
- 7A767C
- 7D7B7E
Harmonie kolorów
Komplementarna +180°
- 62506B
Blackberry Farm
- 4D5E43
≈ Bavarian
Analogowa -30° +30°
- 62506B
Blackberry Farm
- 545472
≈ Sombre Grey
- 6C4D5E
≈ Prussian Plum
Triada +120° +240°
- 62506B
Blackberry Farm
- 685439
≈ Graveyard Earth
- 356160
≈ Calypso Green
Komplementarna rozszczepiona +150° +210°
- 62506B
Blackberry Farm
- 5C5A39
≈ Base Camp
- 3E6151
≈ Tropical Foliage
Tetrada +90° +180° +270°
- 62506B
Blackberry Farm
- 6F4F42
≈ Moroccan Henna
- 4D5E43
≈ Bavarian
- 395E6C
≈ Blue Spell
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.29:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.87:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.29:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}