Couleur nommée la plus proche · #C691CB
#C691CB
Couleur nommée la plus proche: Violaceous
#C691CB (rgb(198 145 203), hsl(295 36% 68%), oklch(0.727 0.101 323.6)) est la plus proche de la couleur nommée Violaceous. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C691CB
oklch(0.727 0.101 323.6)
Conversions de couleur
- HEX
- #c691cb
- RGB
- rgb(198 145 203)
- HSL
- hsl(295 36% 68%)
- HWB
- hwb(295 57% 20%)
- OKLCH
- oklch(0.727 0.101 323.6)
- OKLab
- oklab(0.727 0.081 -0.06)
- CIE Lab
- lab(66.89 27.88 -21.91)
- LCH
- lch(66.89 35.46 321.8)
- CMYK
- cmyk(2% 29% 0% 20%)
Teintes · Ombres · Tons
Teintes
- CC9CD0
- D2A7D6
- D8B2DB
- DDBDE0
- E3C8E5
- E9D3EB
- EEDEF0
- F4E9F5
- FAF4FA
Ombres
- AC7DB0
- 926A96
- 7A587D
- 624665
- 4B354D
- 352537
- 211522
- 0E070F
- 020102
Tons
- BF90C3
- B88EBC
- B18CB4
- AA8BAD
- A389A5
- 9C879E
- 958696
- 8E848F
- 878287
Harmonies de couleurs
Complémentaire +180°
- C691CB
Violaceous
- 80B77E
≈ Colour Me Green
Analogue -30° +30°
- C691CB
Violaceous
- AA9BE0
≈ Dull Lavender
- D98CAB
≈ Berry Twist
Triadique +120° +240°
- C691CB
Violaceous
- C5A159
≈ Camel
- 49B9C3
≈ Cave Lake
Complémentaire divisée +150° +210°
- C691CB
Violaceous
- A6AE61
≈ April Green
- 59BBA1
≈ Puerto Rico
Tétradique +90° +180° +270°
- C691CB
Violaceous
- D99569
≈ Summer’s End
- 80B77E
≈ Colour Me Green
- 60B1DC
≈ Sail Away
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.52:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.31:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.31:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
CSS
:root {
--violaceous: #c691cb;
--violaceous-rgb: 198 145 203;
--violaceous-oklch: oklch(0.727 0.101 323.6);
}
.element {
color: var(--violaceous);
background-color: hsl(295 36% 68%);
border-color: oklch(0.727 0.101 323.6);
}Tailwind CSS v4
@theme {
--color-violaceous: #c691cb;
--color-violaceous-50: #ffecff;
--color-violaceous-100: #faddfb;
--color-violaceous-200: #ebc6ec;
--color-violaceous-300: #d3a6d4;
--color-violaceous-400: #bc8ac1;
--color-violaceous-500: #a76eac;
--color-violaceous-600: #8d5e91;
--color-violaceous-700: #714b75;
--color-violaceous-800: #523657;
--color-violaceous-900: #3a253d;
--color-violaceous-950: #241326;
}SCSS
$violaceous: #c691cb;
$violaceous-rgb: 198, 145, 203;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}