Najbliższy nazwany kolor · #851B50
#851B50
Najbliższy nazwany kolor: Mulberry
#851B50 (rgb(133 27 80), hsl(330 66% 31%), oklch(0.418 0.148 355.4)) jest najbliższy nazwanemu kolorowi Mulberry. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#851B50
oklch(0.418 0.148 355.4)
Konwersje koloru
- HEX
- #851b50
- RGB
- rgb(133 27 80)
- HSL
- hsl(330 66% 31%)
- HWB
- hwb(330 11% 48%)
- OKLCH
- oklch(0.418 0.148 355.4)
- OKLab
- oklab(0.418 0.147 -0.012)
- CIE Lab
- lab(30.62 47.28 -3.85)
- LCH
- lch(30.62 47.44 355.3)
- CMYK
- cmyk(0% 80% 40% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 933660
- A14D70
- AE6381
- BB7992
- C78EA3
- D3A4B5
- DFBBC7
- EAD1D9
- F5E8EC
Odcienie ciemniejsze
- 731644
- 611139
- 500C2E
- 400824
- 30051A
- 210210
- 130107
- 060002
- 010000
Tony
- 862A55
- 873659
- 88405E
- 884A63
- 885468
- 875D6C
- 866671
- 846F76
- 83777B
Harmonie kolorów
Komplementarna +180°
- 851B50
Mulberry
- 005A4B
≈ Forest Shadows
Analogowa -30° +30°
- 851B50
Mulberry
- 732677
≈ Count’s Wardrobe
- 8C1B1E
≈ Shinshu
Triada +120° +240°
- 851B50
Mulberry
- 4B5200
≈ Highlands Moss
- 005376
≈ World Peace
Komplementarna rozszczepiona +150° +210°
- 851B50
Mulberry
- 005E17
≈ Evergreen Shade
- 00575F
≈ Entrapment
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.25:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.26:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.25:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--mulberry: #851b50;
--mulberry-rgb: 133 27 80;
--mulberry-oklch: oklch(0.418 0.148 355.4);
}
.element {
color: var(--mulberry);
background-color: hsl(330 66% 31%);
border-color: oklch(0.418 0.148 355.4);
}Tailwind CSS v4
@theme {
--color-mulberry: #851b50;
--color-mulberry-50: #ffe4f5;
--color-mulberry-100: #ffd4e8;
--color-mulberry-200: #ffbad5;
--color-mulberry-300: #f497b8;
--color-mulberry-400: #e176a2;
--color-mulberry-500: #ce558a;
--color-mulberry-600: #ae4975;
--color-mulberry-700: #8c3a5e;
--color-mulberry-800: #682946;
--color-mulberry-900: #491c31;
--color-mulberry-950: #2f0b1d;
}SCSS
$mulberry: #851b50;
$mulberry-rgb: 133, 27, 80;
$mulberry-light: mix(#fff, $mulberry, 20%);
$mulberry-dark: mix(#000, $mulberry, 20%);
.element {
color: $mulberry;
box-shadow: 0 0 0 2px rgba($mulberry, 0.35);
}