Najbliższy nazwany kolor · #B4C1FF
#B4C1FF
Najbliższy nazwany kolor: Purple Illusion
#B4C1FF (rgb(180 193 255), hsl(230 100% 85%), oklch(0.823 0.089 275.1)) jest najbliższy nazwanemu kolorowi Purple Illusion. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B4C1FF
oklch(0.823 0.089 275.1)
Konwersje koloru
- HEX
- #b4c1ff
- RGB
- rgb(180 193 255)
- HSL
- hsl(230 100% 85%)
- HWB
- hwb(230 71% 0%)
- OKLCH
- oklch(0.823 0.089 275.1)
- OKLab
- oklab(0.823 0.008 -0.088)
- CIE Lab
- lab(78.72 5.74 -32.32)
- LCH
- lch(78.72 32.83 280.1)
- CMYK
- cmyk(29% 24% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BBC7FF
- C2CEFF
- CAD4FF
- D1DAFF
- D9E0FF
- E0E6FF
- E8EDFF
- F0F3FF
- F7F9FF
Odcienie ciemniejsze
- 9CA7DE
- 858FBE
- 6E779E
- 585F80
- 444963
- 303448
- 1D202E
- 0C0E16
- 020203
Tony
- AFBAF2
- A9B4E5
- A4ADD8
- 9FA7CB
- 99A0BE
- 949AB2
- 8F93A5
- 8A8D99
- 85868C
Harmonie kolorów
Komplementarna +180°
- B4C1FF
Purple Illusion
- D7C582
≈ Wine Yellow
Analogowa -30° +30°
- B4C1FF
Purple Illusion
- 94CCFB
≈ Clear Sky
- D2B7F4
≈ Pink Illusion
Triada +120° +240°
- B4C1FF
Purple Illusion
- F9B19E
≈ Salmon Fresco
- 96D7AC
≈ Peaceful Pastures
Komplementarna rozszczepiona +150° +210°
- B4C1FF
Purple Illusion
- EDBA88
≈ Baba Ganoush
- B8D090
≈ Haricot
Tetrada +90° +180° +270°
- B4C1FF
Purple Illusion
- F7ADBD
≈ Sweet Caroline
- D7C582
≈ Wine Yellow
- 7ED8CD
≈ Mintos
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.74:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.01:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.01:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-illusion: #b4c1ff;
--purple-illusion-rgb: 180 193 255;
--purple-illusion-oklch: oklch(0.823 0.089 275.1);
}
.element {
color: var(--purple-illusion);
background-color: hsl(230 100% 85%);
border-color: oklch(0.823 0.089 275.1);
}Tailwind CSS v4
@theme {
--color-purple-illusion: #b4c1ff;
--color-purple-illusion-50: #eef3ff;
--color-purple-illusion-100: #e0e6ff;
--color-purple-illusion-200: #cad2fb;
--color-purple-illusion-300: #abb4e5;
--color-purple-illusion-400: #8f9bd3;
--color-purple-illusion-500: #7581c1;
--color-purple-illusion-600: #636da3;
--color-purple-illusion-700: #4f5783;
--color-purple-illusion-800: #384061;
--color-purple-illusion-900: #262c44;
--color-purple-illusion-950: #15192c;
}SCSS
$purple-illusion: #b4c1ff;
$purple-illusion-rgb: 180, 193, 255;
$purple-illusion-light: mix(#fff, $purple-illusion, 20%);
$purple-illusion-dark: mix(#000, $purple-illusion, 20%);
.element {
color: $purple-illusion;
box-shadow: 0 0 0 2px rgba($purple-illusion, 0.35);
}