Nazwany kolor · #B3B4DD
Beloved
Beloved to #B3B4DD: rgb(179 180 221), hsl(239 38% 78%), oklch(0.783 0.058 283.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Beloved color name →
#B3B4DD
oklch(0.783 0.058 283.9)
Konwersje koloru
- HEX
- #b3b4dd
- RGB
- rgb(179 180 221)
- HSL
- hsl(239 38% 78%)
- HWB
- hwb(239 70% 13%)
- OKLCH
- oklch(0.783 0.058 283.9)
- OKLab
- oklab(0.783 0.014 -0.056)
- CIE Lab
- lab(74.27 5.99 -20.84)
- LCH
- lch(74.27 21.68 286)
- CMYK
- cmyk(19% 19% 0% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BABBE1
- C2C3E4
- C9CAE8
- D1D2EB
- D8D9EE
- E0E1F2
- E8E8F5
- EFF0F8
- F7F7FC
Odcienie ciemniejsze
- 9B9CC0
- 8485A4
- 6E6E88
- 58586E
- 434455
- 2F303D
- 1D1D26
- 0C0C11
- 010202
Tony
- AEAFD3
- A8A9CA
- A3A4C0
- 9E9FB7
- 999AAE
- 9495A4
- 8F8F9B
- 8A8A92
- 858589
Harmonie kolorów
Komplementarna +180°
- B3B4DD
Beloved
- BEBB90
≈ Back to Nature
Analogowa -30° +30°
- B3B4DD
Beloved
- 9FBBDD
≈ Baltic Bream
- C6AED3
≈ Meadow Thistle
Triada +120° +240°
- B3B4DD
Beloved
- D9AD9B
≈ Montezuma’s Castle
- 97C5AE
≈ Bella Green
Komplementarna rozszczepiona +150° +210°
- B3B4DD
Beloved
- CFB390
≈ Moraine
- A9C19B
≈ Heartland Frosty
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.00:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.48:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--beloved: #b3b4dd;
--beloved-rgb: 179 180 221;
--beloved-oklch: oklch(0.783 0.058 283.9);
}
.element {
color: var(--beloved);
background-color: hsl(239 38% 78%);
border-color: oklch(0.783 0.058 283.9);
}Tailwind CSS v4
@theme {
--color-beloved: #b3b4dd;
--color-beloved-50: #f3f3ff;
--color-beloved-100: #e6e6fb;
--color-beloved-200: #d1d1ed;
--color-beloved-300: #b4b4d5;
--color-beloved-400: #9a9ac0;
--color-beloved-500: #8181ac;
--color-beloved-600: #6d6e91;
--color-beloved-700: #575874;
--color-beloved-800: #3f4056;
--color-beloved-900: #2b2c3c;
--color-beloved-950: #191926;
}SCSS
$beloved: #b3b4dd;
$beloved-rgb: 179, 180, 221;
$beloved-light: mix(#fff, $beloved, 20%);
$beloved-dark: mix(#000, $beloved, 20%);
.element {
color: $beloved;
box-shadow: 0 0 0 2px rgba($beloved, 0.35);
}