Najbliższy nazwany kolor · #5F3047
#5F3047
Najbliższy nazwany kolor: Soul Anchor
#5F3047 (rgb(95 48 71), hsl(331 33% 28%), oklch(0.378 0.075 350.6)) jest najbliższy nazwanemu kolorowi Soul Anchor. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#5F3047
oklch(0.378 0.075 350.6)
Konwersje koloru
- HEX
- #5f3047
- RGB
- rgb(95 48 71)
- HSL
- hsl(331 33% 28%)
- HWB
- hwb(331 19% 63%)
- OKLCH
- oklch(0.378 0.075 350.6)
- OKLab
- oklab(0.378 0.074 -0.012)
- CIE Lab
- lab(26.87 24.1 -4.36)
- LCH
- lch(26.87 24.49 349.7)
- CMYK
- cmyk(0% 49% 25% 63%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6F4357
- 7E5668
- 8E697A
- 9E7E8C
- AE929E
- BEA7B1
- CEBCC4
- DED2D7
- EFE8EB
Odcienie ciemniejsze
- 52283D
- 442132
- 381A28
- 2C131F
- 200C16
- 15060D
- 0A0306
- 030102
- 000000
Tony
- 63384C
- 674052
- 6A4858
- 6E505D
- 715863
- 746069
- 78686E
- 7A7074
- 7D787A
Harmonie kolorów
Komplementarna +180°
- 5F3047
Soul Anchor
- 004E3C
≈ Raspberry Leaf Green
Analogowa -30° +30°
- 5F3047
Soul Anchor
- 53345A
≈ Blackberry Cordial
- 643031
≈ Voluptuous
Triada +120° +240°
- 5F3047
Soul Anchor
- 44450D
≈ Alligator Gladiator
- 034862
≈ Stegadon Scale Green
Komplementarna rozszczepiona +150° +210°
- 5F3047
Soul Anchor
- 2A4B24
≈ Cal Poly Pomona Green
- 004C50
≈ Dark Teal
Tetrada +90° +180° +270°
- 5F3047
Soul Anchor
- 563D06
≈ Pineapple
- 004E3C
≈ Raspberry Leaf Green
- 2A4169
≈ Nightlife
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.49:1 · APCA Lc 94
Ag
FailNa czerni
WCAG 2.00:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.49:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--soul-anchor: #5f3047;
--soul-anchor-rgb: 95 48 71;
--soul-anchor-oklch: oklch(0.378 0.075 350.6);
}
.element {
color: var(--soul-anchor);
background-color: hsl(331 33% 28%);
border-color: oklch(0.378 0.075 350.6);
}Tailwind CSS v4
@theme {
--color-soul-anchor: #5f3047;
--color-soul-anchor-50: #ffedf7;
--color-soul-anchor-100: #fddeea;
--color-soul-anchor-200: #efc8d7;
--color-soul-anchor-300: #d7a8bb;
--color-soul-anchor-400: #c18da4;
--color-soul-anchor-500: #ac728d;
--color-soul-anchor-600: #926077;
--color-soul-anchor-700: #754d5f;
--color-soul-anchor-800: #563847;
--color-soul-anchor-900: #3c2631;
--color-soul-anchor-950: #26141d;
}SCSS
$soul-anchor: #5f3047;
$soul-anchor-rgb: 95, 48, 71;
$soul-anchor-light: mix(#fff, $soul-anchor, 20%);
$soul-anchor-dark: mix(#000, $soul-anchor, 20%);
.element {
color: $soul-anchor;
box-shadow: 0 0 0 2px rgba($soul-anchor, 0.35);
}