Dichtstbijzijnde benoemde kleur · #B090B9
#B090B9
Dichtstbijzijnde benoemde kleur: Metal Petal
#B090B9 (rgb(176 144 185), hsl(287 23% 65%), oklch(0.696 0.069 318.7)) komt het dichtst bij de benoemde kleur Metal Petal. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B090B9
oklch(0.696 0.069 318.7)
Kleurconversies
- HEX
- #b090b9
- RGB
- rgb(176 144 185)
- HSL
- hsl(287 23% 65%)
- HWB
- hwb(287 56% 27%)
- OKLCH
- oklch(0.696 0.069 318.7)
- OKLab
- oklab(0.696 0.052 -0.045)
- CIE Lab
- lab(63.83 17.97 -16.75)
- LCH
- lch(63.83 24.56 317)
- CMYK
- cmyk(5% 22% 0% 27%)
Tinten · Schaduwen · Tonen
Tinten
- B89BC0
- C0A6C7
- C7B0CE
- CFBBD5
- D7C6DC
- DFD2E3
- E7DDEA
- EFE8F1
- F7F4F8
Schaduwen
- 997DA0
- 826A89
- 6C5771
- 56455B
- 423446
- 2E2431
- 1C151E
- 0B070D
- 010102
Tonen
- AB8EB3
- A68DAD
- A28BA8
- 9D8AA2
- 98889C
- 938797
- 8E8591
- 8A838B
- 858286
Kleurharmonieën
Complementair +180°
- B090B9
Metal Petal
- 88A87F
≈ Baby Spinach
Analoog -30° +30°
- B090B9
Metal Petal
- 9B97C6
≈ Litmus
- BF8CA4
≈ Winsome Rose
Triadisch +120° +240°
- B090B9
Metal Petal
- B5996C
≈ Golden Granola
- 67ABAD
≈ Fountain Blue
Gesplitst complementair +150° +210°
- B090B9
Metal Petal
- A0A16F
≈ Dry Grass
- 71AB96
≈ Acapulco
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.78:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.53:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--metal-petal: #b090b9;
--metal-petal-rgb: 176 144 185;
--metal-petal-oklch: oklch(0.696 0.069 318.7);
}
.element {
color: var(--metal-petal);
background-color: hsl(287 23% 65%);
border-color: oklch(0.696 0.069 318.7);
}Tailwind CSS v4
@theme {
--color-metal-petal: #b090b9;
--color-metal-petal-50: #ffefff;
--color-metal-petal-100: #f3e1f6;
--color-metal-petal-200: #e2cbe7;
--color-metal-petal-300: #c8accd;
--color-metal-petal-400: #b092b9;
--color-metal-petal-500: #9a78a4;
--color-metal-petal-600: #82658a;
--color-metal-petal-700: #68516f;
--color-metal-petal-800: #4c3b52;
--color-metal-petal-900: #352839;
--color-metal-petal-950: #201624;
}SCSS
$metal-petal: #b090b9;
$metal-petal-rgb: 176, 144, 185;
$metal-petal-light: mix(#fff, $metal-petal, 20%);
$metal-petal-dark: mix(#000, $metal-petal, 20%);
.element {
color: $metal-petal;
box-shadow: 0 0 0 2px rgba($metal-petal, 0.35);
}