Dichtstbijzijnde benoemde kleur · #913F52
#913F52
Dichtstbijzijnde benoemde kleur: Liaison
#913F52 (rgb(145 63 82), hsl(346 39% 41%), oklch(0.481 0.112 7.8)) komt het dichtst bij de benoemde kleur Liaison. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#913F52
oklch(0.481 0.112 7.8)
Kleurconversies
- HEX
- #913f52
- RGB
- rgb(145 63 82)
- HSL
- hsl(346 39% 41%)
- HWB
- hwb(346 25% 43%)
- OKLCH
- oklch(0.481 0.112 7.8)
- OKLab
- oklab(0.481 0.111 0.015)
- CIE Lab
- lab(38.51 36.73 6.51)
- LCH
- lch(38.51 37.31 10)
- CMYK
- cmyk(0% 57% 43% 43%)
Tinten · Schaduwen · Tonen
Tinten
- 9D5262
- A96572
- B57782
- C08A93
- CB9DA4
- D6B0B6
- E1C3C8
- EBD7DA
- F5EBEC
Schaduwen
- 7D3546
- 6A2C3B
- 58232F
- 461B25
- 35121A
- 250A11
- 150408
- 070102
- 010000
Tonen
- 904656
- 904E5B
- 8F545F
- 8D5B64
- 8C6169
- 8A686D
- 886E72
- 867477
- 837A7B
Kleurharmonieën
Complementair +180°
- 913F52
Liaison
- 006D67
≈ Green Dragon
Analoog -30° +30°
- 913F52
Liaison
- 854274
≈ Club Mauve
- 92442B
≈ Dark Brazilian Topaz
Triadisch +120° +240°
- 913F52
Liaison
- 4C6918
≈ Bowser Shell
- 1D629A
≈ Lapis Lazuli
Gesplitst complementair +150° +210°
- 913F52
Liaison
- 037044
≈ Diisha Green
- 00697E
≈ Caribbean Splash
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.91:1 · APCA Lc 83
Ag
FailOp zwart
WCAG 3.03:1 · APCA Lc 19
Beste tekstkleur: #FFFFFF
WCAG 6.91:1 (AA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--liaison: #913f52;
--liaison-rgb: 145 63 82;
--liaison-oklch: oklch(0.481 0.112 7.8);
}
.element {
color: var(--liaison);
background-color: hsl(346 39% 41%);
border-color: oklch(0.481 0.112 7.8);
}Tailwind CSS v4
@theme {
--color-liaison: #913f52;
--color-liaison-50: #ffe9ee;
--color-liaison-100: #ffd9df;
--color-liaison-200: #ffc1c9;
--color-liaison-300: #eaa0aa;
--color-liaison-400: #d78292;
--color-liaison-500: #c36478;
--color-liaison-600: #a55566;
--color-liaison-700: #854451;
--color-liaison-800: #62303c;
--color-liaison-900: #45212a;
--color-liaison-950: #2c1017;
}SCSS
$liaison: #913f52;
$liaison-rgb: 145, 63, 82;
$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);
}