Benoemde kleur · #B3B0D4
Freesia Purple
Freesia Purple is #B3B0D4: rgb(179 176 212), hsl(245 30% 76%), oklch(0.772 0.051 289). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Freesia Purple color name →
#B3B0D4
oklch(0.772 0.051 289)
Kleurconversies
- HEX
- #b3b0d4
- RGB
- rgb(179 176 212)
- HSL
- hsl(245 30% 76%)
- HWB
- hwb(245 69% 17%)
- OKLCH
- oklch(0.772 0.051 289)
- OKLab
- oklab(0.772 0.017 -0.048)
- CIE Lab
- lab(72.99 6.54 -17.89)
- LCH
- lch(72.99 19.05 290.1)
- CMYK
- cmyk(16% 17% 0% 17%)
Tinten · Schaduwen · Tonen
Tinten
- BAB8D8
- C2BFDD
- C9C7E1
- D1CFE5
- D8D7EA
- E0DFEE
- E8E7F2
- EFEFF7
- F7F7FB
Schaduwen
- 9B99B8
- 84829D
- 6E6C83
- 585669
- 434251
- 2F2E3A
- 1D1C24
- 0C0B10
- 010102
Tonen
- AEABCB
- A9A6C3
- A3A1BA
- 9E9DB2
- 9998A9
- 9493A1
- 8F8E99
- 8A8990
- 858588
Kleurharmonieën
Complementair +180°
- B3B0D4
Freesia Purple
- B7B893
≈ Bog
Analoog -30° +30°
- B3B0D4
Freesia Purple
- A1B6D6
≈ Mont Blanc
- C3ABCA
≈ Purple Chalk
Triadisch +120° +240°
- B3B0D4
Freesia Purple
- D1AC99
≈ Saltwater Taffy
- 95C0AF
≈ Scenic View
Gesplitst complementair +150° +210°
- B3B0D4
Freesia Purple
- C7B291
≈ Spanish Sand
- A5BD9E
≈ Spring Rain
Tetradisch +90° +180° +270°
- B3B0D4
Freesia Purple
- D4A8A8
≈ Baby Jane
- B7B893
≈ Bog
- 8FBFC1
≈ Chinese Tzu
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.08:1 · APCA Lc 41
Ag
AAAOp zwart
WCAG 10.07:1 · APCA Lc 62
Beste tekstkleur: #000000
WCAG 10.07:1 (AAA) · APCA Lc 62
Contrast pairs
Codefragmenten
CSS
:root {
--freesia-purple: #b3b0d4;
--freesia-purple-rgb: 179 176 212;
--freesia-purple-oklch: oklch(0.772 0.051 289);
}
.element {
color: var(--freesia-purple);
background-color: hsl(245 30% 76%);
border-color: oklch(0.772 0.051 289);
}Tailwind CSS v4
@theme {
--color-freesia-purple: #b3b0d4;
--color-freesia-purple-50: #f5f3ff;
--color-freesia-purple-100: #e7e5f8;
--color-freesia-purple-200: #d4d1e9;
--color-freesia-purple-300: #b7b3d0;
--color-freesia-purple-400: #9d9abb;
--color-freesia-purple-500: #8581a6;
--color-freesia-purple-600: #706d8d;
--color-freesia-purple-700: #5a5771;
--color-freesia-purple-800: #414053;
--color-freesia-purple-900: #2d2c3a;
--color-freesia-purple-950: #1a1924;
}SCSS
$freesia-purple: #b3b0d4;
$freesia-purple-rgb: 179, 176, 212;
$freesia-purple-light: mix(#fff, $freesia-purple, 20%);
$freesia-purple-dark: mix(#000, $freesia-purple, 20%);
.element {
color: $freesia-purple;
box-shadow: 0 0 0 2px rgba($freesia-purple, 0.35);
}