Couleur nommée la plus proche · #CCA29E
#CCA29E
Couleur nommée la plus proche: La Vie en Rose
#CCA29E (rgb(204 162 158), hsl(5 31% 71%), oklch(0.749 0.05 24.6)) est la plus proche de la couleur nommée La Vie en Rose. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CCA29E
oklch(0.749 0.05 24.6)
Conversions de couleur
- HEX
- #cca29e
- RGB
- rgb(204 162 158)
- HSL
- hsl(5 31% 71%)
- HWB
- hwb(5 62% 20%)
- OKLCH
- oklch(0.749 0.05 24.6)
- OKLab
- oklab(0.749 0.046 0.021)
- CIE Lab
- lab(70.46 15.55 8.31)
- LCH
- lch(70.46 17.63 28.1)
- CMYK
- cmyk(0% 21% 23% 20%)
Teintes · Ombres · Tons
Teintes
- D1ABA7
- D7B4B1
- DCBDBA
- E1C7C4
- E6D0CE
- EBD9D7
- F0E3E1
- F5ECEB
- FAF5F5
Ombres
- B18C89
- 977774
- 7E6360
- 654F4D
- 4E3C3A
- 372A29
- 221918
- 0F0A09
- 020101
Tons
- C49F9B
- BD9B98
- B59895
- AD9492
- A6918F
- 9E8E8C
- 978A89
- 8F8786
- 888383
Harmonies de couleurs
Complémentaire +180°
- CCA29E
La Vie en Rose
- 88B8BD
≈ Summit
Analogue -30° +30°
- CCA29E
La Vie en Rose
- C9A1AF
≈ Opaline Pink
- C8A690
≈ Moenkopi Soil
Triadique +120° +240°
- CCA29E
La Vie en Rose
- 9BB79A
≈ Brookview
- 9EAECF
≈ Heartsong
Complémentaire divisée +150° +210°
- CCA29E
La Vie en Rose
- 8DB9AC
≈ Mild Evergreen
- 8FB4C9
≈ Pond Blue
Tétradique +90° +180° +270°
- CCA29E
La Vie en Rose
- ACB28E
≈ Lint
- 88B8BD
≈ Summit
- AFA8CB
≈ Violet Mix
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.27:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.22:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--la-vie-en-rose: #cca29e;
--la-vie-en-rose-rgb: 204 162 158;
--la-vie-en-rose-oklch: oklch(0.749 0.05 24.6);
}
.element {
color: var(--la-vie-en-rose);
background-color: hsl(5 31% 71%);
border-color: oklch(0.749 0.05 24.6);
}Tailwind CSS v4
@theme {
--color-la-vie-en-rose: #cca29e;
--color-la-vie-en-rose-50: #fff0ed;
--color-la-vie-en-rose-100: #f8e2df;
--color-la-vie-en-rose-200: #e9cdc9;
--color-la-vie-en-rose-300: #d0aeaa;
--color-la-vie-en-rose-400: #bb9390;
--color-la-vie-en-rose-500: #a57a76;
--color-la-vie-en-rose-600: #8c6764;
--color-la-vie-en-rose-700: #705250;
--color-la-vie-en-rose-800: #533c3a;
--color-la-vie-en-rose-900: #3a2928;
--color-la-vie-en-rose-950: #241716;
}SCSS
$la-vie-en-rose: #cca29e;
$la-vie-en-rose-rgb: 204, 162, 158;
$la-vie-en-rose-light: mix(#fff, $la-vie-en-rose, 20%);
$la-vie-en-rose-dark: mix(#000, $la-vie-en-rose, 20%);
.element {
color: $la-vie-en-rose;
box-shadow: 0 0 0 2px rgba($la-vie-en-rose, 0.35);
}