Color con nombre más cercano · #C5BFF0
#C5BFF0
Color con nombre más cercano: Innocent Snowdrop
#C5BFF0 (rgb(197 191 240), hsl(247 62% 85%), oklch(0.826 0.068 290.4)) se parece más al color con nombre Innocent Snowdrop. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#C5BFF0
oklch(0.826 0.068 290.4)
Conversiones de color
- HEX
- #c5bff0
- RGB
- rgb(197 191 240)
- HSL
- hsl(247 62% 85%)
- HWB
- hwb(247 75% 6%)
- OKLCH
- oklch(0.826 0.068 290.4)
- OKLab
- oklab(0.826 0.024 -0.064)
- CIE Lab
- lab(79.07 9.53 -23.65)
- LCH
- lch(79.07 25.5 292)
- CMYK
- cmyk(18% 20% 0% 6%)
Tintes · Sombras · Tonos
Tintes
- CBC5F2
- D0CCF3
- D6D2F5
- DCD8F7
- E1DFF8
- E7E5FA
- EDECFB
- F3F2FC
- F9F9FE
Sombras
- ABA6D1
- 928DB2
- 797595
- 615E78
- 4B485D
- 353343
- 211F2A
- 0E0D14
- 020203
Tonos
- BEB9E4
- B7B2D9
- B0ACCD
- A9A5C2
- A29FB7
- 9B99AC
- 9493A1
- 8D8C96
- 87868B
Armonías de color
Complementario +180°
- C5BFF0
Innocent Snowdrop
- C8CB97
≈ Vegetarian Vulture
Análogo -30° +30°
- C5BFF0
Innocent Snowdrop
- ADC7F3
≈ Tropical Blue
- DBB8E2
≈ Pretty Petunia
Triádico +120° +240°
- C5BFF0
Innocent Snowdrop
- EBBA9E
≈ Sunset Drive
- 99D5C0
≈ Apple II Blue
Complementario dividido +150° +210°
- C5BFF0
Innocent Snowdrop
- DDC294
≈ Dirty Blonde
- AFD2A8
≈ Apium
Tetrádico +90° +180° +270°
- C5BFF0
Innocent Snowdrop
- EFB5B3
≈ Camille Pink
- C8CB97
≈ Vegetarian Vulture
- 90D4D8
≈ Aqua Bloom
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.73:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 12.08:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--innocent-snowdrop: #c5bff0;
--innocent-snowdrop-rgb: 197 191 240;
--innocent-snowdrop-oklch: oklch(0.826 0.068 290.4);
}
.element {
color: var(--innocent-snowdrop);
background-color: hsl(247 62% 85%);
border-color: oklch(0.826 0.068 290.4);
}Tailwind CSS v4
@theme {
--color-innocent-snowdrop: #c5bff0;
--color-innocent-snowdrop-50: #f5f2ff;
--color-innocent-snowdrop-100: #e8e4fd;
--color-innocent-snowdrop-200: #d4cff0;
--color-innocent-snowdrop-300: #b8b2d8;
--color-innocent-snowdrop-400: #9e98c5;
--color-innocent-snowdrop-500: #857eb1;
--color-innocent-snowdrop-600: #716b95;
--color-innocent-snowdrop-700: #5a5678;
--color-innocent-snowdrop-800: #413f59;
--color-innocent-snowdrop-900: #2d2b3e;
--color-innocent-snowdrop-950: #1a1827;
}SCSS
$innocent-snowdrop: #c5bff0;
$innocent-snowdrop-rgb: 197, 191, 240;
$innocent-snowdrop-light: mix(#fff, $innocent-snowdrop, 20%);
$innocent-snowdrop-dark: mix(#000, $innocent-snowdrop, 20%);
.element {
color: $innocent-snowdrop;
box-shadow: 0 0 0 2px rgba($innocent-snowdrop, 0.35);
}