Couleur nommée la plus proche · #B4C1FF
#B4C1FF
Couleur nommée la plus proche: Purple Illusion
#B4C1FF (rgb(180 193 255), hsl(230 100% 85%), oklch(0.823 0.089 275.1)) est la plus proche de la couleur nommée Purple Illusion. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B4C1FF
oklch(0.823 0.089 275.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- BBC7FF
- C2CEFF
- CAD4FF
- D1DAFF
- D9E0FF
- E0E6FF
- E8EDFF
- F0F3FF
- F7F9FF
Ombres
- 9CA7DE
- 858FBE
- 6E779E
- 585F80
- 444963
- 303448
- 1D202E
- 0C0E16
- 020203
Tons
- AFBAF2
- A9B4E5
- A4ADD8
- 9FA7CB
- 99A0BE
- 949AB2
- 8F93A5
- 8A8D99
- 85868C
Harmonies de couleurs
Complémentaire +180°
- B4C1FF
Purple Illusion
- D7C582
≈ Wine Yellow
Analogue -30° +30°
- B4C1FF
Purple Illusion
- 94CCFB
≈ Clear Sky
- D2B7F4
≈ Pink Illusion
Triadique +120° +240°
- B4C1FF
Purple Illusion
- F9B19E
≈ Salmon Fresco
- 96D7AC
≈ Peaceful Pastures
Complémentaire divisée +150° +210°
- B4C1FF
Purple Illusion
- EDBA88
≈ Baba Ganoush
- B8D090
≈ Haricot
Tétradique +90° +180° +270°
- B4C1FF
Purple Illusion
- F7ADBD
≈ Sweet Caroline
- D7C582
≈ Wine Yellow
- 7ED8CD
≈ Mintos
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.74:1 · APCA Lc 32
Ag
AAASur noir
WCAG 12.01:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 12.01:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
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);
}