Dichtstbijzijnde benoemde kleur · #B6A0FC
#B6A0FC
Dichtstbijzijnde benoemde kleur: Diva
#B6A0FC (rgb(182 160 252), hsl(254 94% 81%), oklch(0.76 0.131 294)) komt het dichtst bij de benoemde kleur Diva. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B6A0FC
oklch(0.76 0.131 294)
Kleurconversies
- HEX
- #b6a0fc
- RGB
- rgb(182 160 252)
- HSL
- hsl(254 94% 81%)
- HWB
- hwb(254 63% 1%)
- OKLCH
- oklch(0.76 0.131 294)
- OKLab
- oklab(0.76 0.053 -0.12)
- CIE Lab
- lab(70.53 22.91 -43.31)
- LCH
- lch(70.53 49 297.9)
- CMYK
- cmyk(28% 37% 0% 1%)
Tinten · Schaduwen · Tonen
Tinten
- BDAAFD
- C4B3FE
- CBBDFE
- D2C6FF
- D9D0FF
- E1D9FF
- E8E3FF
- F0ECFF
- F7F6FF
Schaduwen
- 9E8BDB
- 8676BB
- 6F619C
- 594E7E
- 443B62
- 302947
- 1D192D
- 0C0916
- 020103
Tonen
- B09DEF
- AB9AE3
- A597D6
- A094CA
- 9A91BD
- 958EB1
- 8F8AA5
- 8A8798
- 85848C
Kleurharmonieën
Complementair +180°
- B6A0FC
Diva
- B0BA50
≈ Japanese Fern
Analoog -30° +30°
- B6A0FC
Diva
- 8AB0FF
≈ Kitten’s Eye
- DA93E0
≈ Bright Lilac
Triadisch +120° +240°
- B6A0FC
Diva
- F1995C
≈ Ridgeback
- 38CCAB
≈ Mint Leaf
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.22:1 · APCA Lc 44
Ag
AAAOp zwart
WCAG 9.42:1 · APCA Lc 58
Beste tekstkleur: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Codefragmenten
CSS
:root {
--diva: #b6a0fc;
--diva-rgb: 182 160 252;
--diva-oklch: oklch(0.76 0.131 294);
}
.element {
color: var(--diva);
background-color: hsl(254 94% 81%);
border-color: oklch(0.76 0.131 294);
}Tailwind CSS v4
@theme {
--color-diva: #b6a0fc;
--color-diva-50: #f8eeff;
--color-diva-100: #ebe0ff;
--color-diva-200: #d9c9ff;
--color-diva-300: #bdaaf3;
--color-diva-400: #a38ee4;
--color-diva-500: #8c72d3;
--color-diva-600: #7661b2;
--color-diva-700: #5f4d8f;
--color-diva-800: #44396b;
--color-diva-900: #2f274c;
--color-diva-950: #1c1532;
}SCSS
$diva: #b6a0fc;
$diva-rgb: 182, 160, 252;
$diva-light: mix(#fff, $diva, 20%);
$diva-dark: mix(#000, $diva, 20%);
.element {
color: $diva;
box-shadow: 0 0 0 2px rgba($diva, 0.35);
}