Najbliższy nazwany kolor · #8F006E
#8F006E
Najbliższy nazwany kolor: Grapest
#8F006E (rgb(143 0 110), hsl(314 100% 28%), oklch(0.437 0.188 341.8)) jest najbliższy nazwanemu kolorowi Grapest. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8F006E
oklch(0.437 0.188 341.8)
Konwersje koloru
- HEX
- #8f006e
- RGB
- rgb(143 0 110)
- HSL
- hsl(314 100% 28%)
- HWB
- hwb(314 0% 44%)
- OKLCH
- oklch(0.437 0.188 341.8)
- OKLab
- oklab(0.437 0.179 -0.059)
- CIE Lab
- lab(31.94 57.47 -21.1)
- LCH
- lch(31.94 61.22 339.8)
- CMYK
- cmyk(0% 100% 23% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9D2D7C
- A9478A
- B65F98
- C276A6
- CD8DB5
- D8A3C3
- E2BAD2
- ECD1E1
- F6E8F0
Odcienie ciemniejsze
- 7C005F
- 690050
- 570041
- 450033
- 340026
- 240019
- 15000E
- 070004
- 010001
Tony
- 8F1E70
- 8F2F72
- 8F3C74
- 8E4776
- 8D5278
- 8B5B7A
- 89657B
- 876E7D
- 84777E
Harmonie kolorów
Komplementarna +180°
- 8F006E
Grapest
- 006141
≈ Aotake Bamboo
Analogowa -30° +30°
- 8F006E
Grapest
- 73209A
≈ Orb of Discord
- 9A0038
≈ Lifeline
Triada +120° +240°
- 8F006E
Grapest
- 5C5300
≈ Douro
- 005B71
≈ Deep Lagoon
Komplementarna rozszczepiona +150° +210°
- 8F006E
Grapest
- 375E00
≈ Lustrian Undergrowth
- 005E5C
≈ Mosque
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.77:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.39:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.77:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--grapest: #8f006e;
--grapest-rgb: 143 0 110;
--grapest-oklch: oklch(0.437 0.188 341.8);
}
.element {
color: var(--grapest);
background-color: hsl(314 100% 28%);
border-color: oklch(0.437 0.188 341.8);
}Tailwind CSS v4
@theme {
--color-grapest: #8f006e;
--color-grapest-50: #ffe0ff;
--color-grapest-100: #ffcff8;
--color-grapest-200: #ffb3e8;
--color-grapest-300: #f98ecf;
--color-grapest-400: #e66bbd;
--color-grapest-500: #d344a9;
--color-grapest-600: #b23b8f;
--color-grapest-700: #8f2f72;
--color-grapest-800: #6a2157;
--color-grapest-900: #4b163c;
--color-grapest-950: #310626;
}SCSS
$grapest: #8f006e;
$grapest-rgb: 143, 0, 110;
$grapest-light: mix(#fff, $grapest, 20%);
$grapest-dark: mix(#000, $grapest, 20%);
.element {
color: $grapest;
box-shadow: 0 0 0 2px rgba($grapest, 0.35);
}