Nächste benannte Farbe · #914258
#914258
Nächste benannte Farbe: Liaison
#914258 (rgb(145 66 88), hsl(343 37% 41%), oklch(0.488 0.109 4.4)) liegt am nächsten an der benannten Farbe Liaison. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#914258
oklch(0.488 0.109 4.4)
Farbumrechnungen
- HEX
- #914258
- RGB
- rgb(145 66 88)
- HSL
- hsl(343 37% 41%)
- HWB
- hwb(343 26% 43%)
- OKLCH
- oklch(0.488 0.109 4.4)
- OKLab
- oklab(0.488 0.109 0.008)
- CIE Lab
- lab(39.24 35.75 3.77)
- LCH
- lch(39.24 35.95 6)
- CMYK
- cmyk(0% 54% 39% 43%)
Tints · Shades · Tones
Tints
- 9D5467
- A96777
- B57987
- C08C97
- CB9EA8
- D6B1B9
- E0C4CA
- EBD8DB
- F5EBED
Shades
- 7D384B
- 6A2F3F
- 582533
- 461C28
- 35141D
- 250B12
- 150509
- 070103
- 010000
Tones
- 90495C
- 8F5060
- 8E5664
- 8D5C68
- 8C636C
- 8A6970
- 886F74
- 867478
- 837A7C
Farbharmonien
Komplementär +180°
- 914258
Liaison
- 006F66
≈ Tide Pools
Analog -30° +30°
- 914258
Liaison
- 844679
≈ Visiona Red
- 934633
≈ Dark Brazilian Topaz
Triadisch +120° +240°
- 914258
Liaison
- 526A18
≈ Bowser Shell
- 1A6599
≈ Impulse Blue
Geteilt komplementär +150° +210°
- 914258
Liaison
- 1C7143
≈ Cloudy Camouflage
- 006C7E
≈ Shinbashi Azure
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.72:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.12:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--liaison: #914258;
--liaison-rgb: 145 66 88;
--liaison-oklch: oklch(0.488 0.109 4.4);
}
.element {
color: var(--liaison);
background-color: hsl(343 37% 41%);
border-color: oklch(0.488 0.109 4.4);
}Tailwind CSS v4
@theme {
--color-liaison: #914258;
--color-liaison-50: #ffe9f0;
--color-liaison-100: #ffdae2;
--color-liaison-200: #fec1cd;
--color-liaison-300: #e8a0ae;
--color-liaison-400: #d58296;
--color-liaison-500: #c1657d;
--color-liaison-600: #a3566a;
--color-liaison-700: #834455;
--color-liaison-800: #61313f;
--color-liaison-900: #44212b;
--color-liaison-950: #2c1019;
}SCSS
$liaison: #914258;
$liaison-rgb: 145, 66, 88;
$liaison-light: mix(#fff, $liaison, 20%);
$liaison-dark: mix(#000, $liaison, 20%);
.element {
color: $liaison;
box-shadow: 0 0 0 2px rgba($liaison, 0.35);
}