Color con nombre más cercano · #C46195
#C46195
Color con nombre más cercano: Llilacquered
#C46195 (rgb(196 97 149), hsl(328 46% 57%), oklch(0.626 0.14 349.1)) se parece más al color con nombre Llilacquered. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#C46195
oklch(0.626 0.14 349.1)
Conversiones de color
- HEX
- #c46195
- RGB
- rgb(196 97 149)
- HSL
- hsl(328 46% 57%)
- HWB
- hwb(328 38% 23%)
- OKLCH
- oklch(0.626 0.14 349.1)
- OKLab
- oklab(0.626 0.137 -0.026)
- CIE Lab
- lab(54.73 44.76 -9.43)
- LCH
- lch(54.73 45.74 348.1)
- CMYK
- cmyk(0% 51% 24% 23%)
Tintes · Sombras · Tonos
Tintes
- CB719F
- D281A9
- D991B4
- DFA0BE
- E5B0C9
- EBC0D4
- F1CFDE
- F6DFE9
- FBEFF4
Sombras
- AA5381
- 91466D
- 78395A
- 612D48
- 4A2137
- 351526
- 210B16
- 0E0308
- 020001
Tonos
- BE6593
- B86991
- B16C8F
- AB708D
- A4738B
- 9E7688
- 977986
- 8F7B84
- 887E82
Armonías de color
Complementario +180°
- C46195
Llilacquered
- 00A07B
≈ Sport Green
Análogo -30° +30°
- C46195
Llilacquered
- AC6ABD
≈ Soft Purple
- CE6066
≈ Desert Rose
Triádico +120° +240°
- C46195
Llilacquered
- 8F8E00
≈ Old Asparagus
- 0095C3
≈ Surf Rider
Complementario dividido +150° +210°
- C46195
Llilacquered
- 589B45
≈ Calm Balm
- 009BA0
≈ Riviera Paradise
Tetrádico +90° +180° +270°
- C46195
Llilacquered
- B17D00
≈ Golden Brown
- 00A07B
≈ Sport Green
- 5287DB
≈ Blue Jay
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.82:1 · APCA Lc 65
Ag
AASobre negro
WCAG 5.49:1 · APCA Lc 36
Mejor color de texto: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
Fragmentos de código
CSS
:root {
--llilacquered: #c46195;
--llilacquered-rgb: 196 97 149;
--llilacquered-oklch: oklch(0.626 0.14 349.1);
}
.element {
color: var(--llilacquered);
background-color: hsl(328 46% 57%);
border-color: oklch(0.626 0.14 349.1);
}Tailwind CSS v4
@theme {
--color-llilacquered: #c46195;
--color-llilacquered-50: #ffe6fa;
--color-llilacquered-100: #ffd5ed;
--color-llilacquered-200: #ffbcdb;
--color-llilacquered-300: #ee99c0;
--color-llilacquered-400: #da7aab;
--color-llilacquered-500: #c75a94;
--color-llilacquered-600: #a84d7e;
--color-llilacquered-700: #873d64;
--color-llilacquered-800: #642c4b;
--color-llilacquered-900: #461e34;
--color-llilacquered-950: #2d0d20;
}SCSS
$llilacquered: #c46195;
$llilacquered-rgb: 196, 97, 149;
$llilacquered-light: mix(#fff, $llilacquered, 20%);
$llilacquered-dark: mix(#000, $llilacquered, 20%);
.element {
color: $llilacquered;
box-shadow: 0 0 0 2px rgba($llilacquered, 0.35);
}