Dichtstbijzijnde benoemde kleur · #B7AABE
#B7AABE
Dichtstbijzijnde benoemde kleur: Monet Magic
#B7AABE (rgb(183 170 190), hsl(279 13% 71%), oklch(0.755 0.032 314)) komt het dichtst bij de benoemde kleur Monet Magic. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B7AABE
oklch(0.755 0.032 314)
Kleurconversies
- HEX
- #b7aabe
- RGB
- rgb(183 170 190)
- HSL
- hsl(279 13% 71%)
- HWB
- hwb(279 67% 25%)
- OKLCH
- oklch(0.755 0.032 314)
- OKLab
- oklab(0.755 0.022 -0.023)
- CIE Lab
- lab(71.2 7.62 -8.5)
- LCH
- lch(71.2 11.41 311.9)
- CMYK
- cmyk(4% 11% 0% 25%)
Tinten · Schaduwen · Tonen
Tinten
- BEB2C4
- C5BBCB
- CCC3D1
- D3CBD8
- DAD4DE
- E2DCE5
- E9E5EB
- F0EEF2
- F8F6F8
Schaduwen
- 9F93A5
- 877D8C
- 706875
- 5A535E
- 453F48
- 312D33
- 1E1B1F
- 0C0B0D
- 020102
Tonen
- B1A6B8
- ACA1B1
- A69DAB
- A199A5
- 9B959F
- 969198
- 908C92
- 8B888C
- 858486
Kleurharmonieën
Complementair +180°
- B7AABE
Monet Magic
- A8B4A0
≈ Salvia
Analoog -30° +30°
- B7AABE
Monet Magic
- ADADC4
≈ Upscale
- BFA8B4
≈ Soft Heather
Triadisch +120° +240°
- B7AABE
Monet Magic
- BCAD9A
≈ Camel Train
- 99B6B5
≈ Baroque Blue
Gesplitst complementair +150° +210°
- B7AABE
Monet Magic
- B2B19A
≈ Ballie Scott Sage
- 9EB6AA
≈ Chrysanthemum Leaf
Tetradisch +90° +180° +270°
- B7AABE
Monet Magic
- C2AAA0
≈ Bamboo Beige
- A8B4A0
≈ Salvia
- 9BB4BF
≈ Faded Flaxflower
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.20:1 · APCA Lc 44
Ag
AAAOp zwart
WCAG 9.50:1 · APCA Lc 59
Beste tekstkleur: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
Codefragmenten
CSS
:root {
--monet-magic: #b7aabe;
--monet-magic-rgb: 183 170 190;
--monet-magic-oklch: oklch(0.755 0.032 314);
}
.element {
color: var(--monet-magic);
background-color: hsl(279 13% 71%);
border-color: oklch(0.755 0.032 314);
}Tailwind CSS v4
@theme {
--color-monet-magic: #b7aabe;
--color-monet-magic-50: #f9f3fb;
--color-monet-magic-100: #ece5ef;
--color-monet-magic-200: #dad0de;
--color-monet-magic-300: #beb3c3;
--color-monet-magic-400: #a599ac;
--color-monet-magic-500: #8e8095;
--color-monet-magic-600: #786d7e;
--color-monet-magic-700: #605765;
--color-monet-magic-800: #463f4a;
--color-monet-magic-900: #302c34;
--color-monet-magic-950: #1d191f;
}SCSS
$monet-magic: #b7aabe;
$monet-magic-rgb: 183, 170, 190;
$monet-magic-light: mix(#fff, $monet-magic, 20%);
$monet-magic-dark: mix(#000, $monet-magic, 20%);
.element {
color: $monet-magic;
box-shadow: 0 0 0 2px rgba($monet-magic, 0.35);
}