Dichtstbijzijnde benoemde kleur · #B34957
#B34957
Dichtstbijzijnde benoemde kleur: Merlot Magic
#B34957 (rgb(179 73 87), hsl(352 42% 49%), oklch(0.549 0.138 14.8)) komt het dichtst bij de benoemde kleur Merlot Magic. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B34957
oklch(0.549 0.138 14.8)
Kleurconversies
- HEX
- #b34957
- RGB
- rgb(179 73 87)
- HSL
- hsl(352 42% 49%)
- HWB
- hwb(352 29% 30%)
- OKLCH
- oklch(0.549 0.138 14.8)
- OKLab
- oklab(0.549 0.133 0.035)
- CIE Lab
- lab(46.16 44.79 14.98)
- LCH
- lch(46.16 47.22 18.5)
- CMYK
- cmyk(0% 59% 51% 30%)
Tinten · Schaduwen · Tonen
Tinten
- BC5C67
- C66E76
- CE8086
- D69297
- DEA4A8
- E6B6B9
- EDC8CA
- F3DADB
- F9EDED
Schaduwen
- 9B3E4B
- 84343E
- 6E2A33
- 582027
- 43171C
- 2F0E12
- 1D0608
- 0C0203
- 010000
Tonen
- AF505B
- AB575F
- A75D63
- A26267
- 9D686C
- 986D70
- 937274
- 8D7778
- 877B7C
Kleurharmonieën
Complementair +180°
- B34957
Merlot Magic
- 008282
≈ Windows 95 Desktop
Analoog -30° +30°
- B34957
Merlot Magic
- A74B84
≈ La la Lavender
- B15220
≈ Cinnamon Stick
Triadisch +120° +240°
- B34957
Merlot Magic
- 4B8224
≈ Emerald Clear Green
- 3172C0
≈ Palace Blue
Gesplitst complementair +150° +210°
- B34957
Merlot Magic
- 008660
≈ Spectral Green
- 007D9E
≈ Turkish Tile
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.24:1 · APCA Lc 75
Ag
FailOp zwart
WCAG 4.00:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--merlot-magic: #b34957;
--merlot-magic-rgb: 179 73 87;
--merlot-magic-oklch: oklch(0.549 0.138 14.8);
}
.element {
color: var(--merlot-magic);
background-color: hsl(352 42% 49%);
border-color: oklch(0.549 0.138 14.8);
}Tailwind CSS v4
@theme {
--color-merlot-magic: #b34957;
--color-merlot-magic-50: #ffe6e7;
--color-merlot-magic-100: #ffd6d7;
--color-merlot-magic-200: #ffbdbf;
--color-merlot-magic-300: #f69a9e;
--color-merlot-magic-400: #e47a84;
--color-merlot-magic-500: #d15968;
--color-merlot-magic-600: #b14c59;
--color-merlot-magic-700: #8e3d47;
--color-merlot-magic-800: #692b35;
--color-merlot-magic-900: #4a1d24;
--color-merlot-magic-950: #300c13;
}SCSS
$merlot-magic: #b34957;
$merlot-magic-rgb: 179, 73, 87;
$merlot-magic-light: mix(#fff, $merlot-magic, 20%);
$merlot-magic-dark: mix(#000, $merlot-magic, 20%);
.element {
color: $merlot-magic;
box-shadow: 0 0 0 2px rgba($merlot-magic, 0.35);
}