Warna bernama terdekat · #B6A0FC
#B6A0FC
Warna bernama terdekat: Diva
#B6A0FC (rgb(182 160 252), hsl(254 94% 81%), oklch(0.76 0.131 294)) paling mendekati warna bernama Diva. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#B6A0FC
oklch(0.76 0.131 294)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- BDAAFD
- C4B3FE
- CBBDFE
- D2C6FF
- D9D0FF
- E1D9FF
- E8E3FF
- F0ECFF
- F7F6FF
Shade
- 9E8BDB
- 8676BB
- 6F619C
- 594E7E
- 443B62
- 302947
- 1D192D
- 0C0916
- 020103
Tone
- B09DEF
- AB9AE3
- A597D6
- A094CA
- 9A91BD
- 958EB1
- 8F8AA5
- 8A8798
- 85848C
Harmoni warna
Komplementer +180°
- B6A0FC
Diva
- B0BA50
≈ Japanese Fern
Analog -30° +30°
- B6A0FC
Diva
- 8AB0FF
≈ Kitten’s Eye
- DA93E0
≈ Bright Lilac
Triadik +120° +240°
- B6A0FC
Diva
- F1995C
≈ Ridgeback
- 38CCAB
≈ Mint Leaf
Split-komplementer +150° +210°
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.22:1 · APCA Lc 44
Ag
AAADi atas hitam
WCAG 9.42:1 · APCA Lc 58
Warna teks terbaik: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Cuplikan kode
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);
}