Nächste benannte Farbe · #CCA29E
#CCA29E
Nächste benannte Farbe: La Vie en Rose
#CCA29E (rgb(204 162 158), hsl(5 31% 71%), oklch(0.749 0.05 24.6)) liegt am nächsten an der benannten Farbe La Vie en Rose. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CCA29E
oklch(0.749 0.05 24.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D1ABA7
- D7B4B1
- DCBDBA
- E1C7C4
- E6D0CE
- EBD9D7
- F0E3E1
- F5ECEB
- FAF5F5
Shades
- B18C89
- 977774
- 7E6360
- 654F4D
- 4E3C3A
- 372A29
- 221918
- 0F0A09
- 020101
Tones
- C49F9B
- BD9B98
- B59895
- AD9492
- A6918F
- 9E8E8C
- 978A89
- 8F8786
- 888383
Farbharmonien
Komplementär +180°
- CCA29E
La Vie en Rose
- 88B8BD
≈ Summit
Analog -30° +30°
- CCA29E
La Vie en Rose
- C9A1AF
≈ Opaline Pink
- C8A690
≈ Moenkopi Soil
Triadisch +120° +240°
- CCA29E
La Vie en Rose
- 9BB79A
≈ Brookview
- 9EAECF
≈ Heartsong
Geteilt komplementär +150° +210°
- CCA29E
La Vie en Rose
- 8DB9AC
≈ Mild Evergreen
- 8FB4C9
≈ Pond Blue
Tetradisch +90° +180° +270°
- CCA29E
La Vie en Rose
- ACB28E
≈ Lint
- 88B8BD
≈ Summit
- AFA8CB
≈ Violet Mix
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.27:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.22:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
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);
}