Nächste benannte Farbe · #ECB5C3
#ECB5C3
Nächste benannte Farbe: Chantilly
#ECB5C3 (rgb(236 181 195), hsl(345 59% 82%), oklch(0.827 0.066 1.8)) liegt am nächsten an der benannten Farbe Chantilly. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#ECB5C3
oklch(0.827 0.066 1.8)
Farbumrechnungen
- HEX
- #ecb5c3
- RGB
- rgb(236 181 195)
- HSL
- hsl(345 59% 82%)
- HWB
- hwb(345 71% 7%)
- OKLCH
- oklch(0.827 0.066 1.8)
- OKLab
- oklab(0.827 0.066 0.002)
- CIE Lab
- lab(79.1 22.07 1.01)
- LCH
- lch(79.1 22.09 2.6)
- CMYK
- cmyk(0% 23% 17% 7%)
Tints · Shades · Tones
Tints
- EEBCC9
- F0C4CF
- F3CBD5
- F5D2DB
- F7DAE1
- F8E1E7
- FAE9ED
- FCF0F3
- FEF8F9
Shades
- CD9DA9
- AF8690
- 926F78
- 765960
- 5B444A
- 423034
- 291D20
- 130C0E
- 030202
Tones
- E1B0BC
- D6AAB5
- CBA5AE
- C0A0A8
- B59AA1
- AB959A
- A09094
- 958B8D
- 8B8586
Farbharmonien
Komplementär +180°
- ECB5C3
Chantilly
- 96D5C9
≈ Aqua Glow
Analog -30° +30°
- ECB5C3
Chantilly
- E1B7DA
≈ French Lilac
- EEB7AC
≈ Carnation Coral
Triadisch +120° +240°
- ECB5C3
Chantilly
- BFCE9E
≈ Spumoni Green
- A1CCEE
≈ Baby Blue Eyes
Geteilt komplementär +150° +210°
- ECB5C3
Chantilly
- A7D3B1
≈ Coral Springs
- 94D2DF
≈ Washed Blue
Tetradisch +90° +180° +270°
- ECB5C3
Chantilly
- D6C695
≈ Parsnip
- 96D5C9
≈ Aqua Glow
- B7C5F2
≈ Larkspur Bud
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.75:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.96:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--chantilly: #ecb5c3;
--chantilly-rgb: 236 181 195;
--chantilly-oklch: oklch(0.827 0.066 1.8);
}
.element {
color: var(--chantilly);
background-color: hsl(345 59% 82%);
border-color: oklch(0.827 0.066 1.8);
}Tailwind CSS v4
@theme {
--color-chantilly: #ecb5c3;
--color-chantilly-50: #ffeef3;
--color-chantilly-100: #fcdfe5;
--color-chantilly-200: #eec9d1;
--color-chantilly-300: #d6aab3;
--color-chantilly-400: #c08e9b;
--color-chantilly-500: #ab7483;
--color-chantilly-600: #91626f;
--color-chantilly-700: #744e59;
--color-chantilly-800: #563941;
--color-chantilly-900: #3c272d;
--color-chantilly-950: #25151a;
}SCSS
$chantilly: #ecb5c3;
$chantilly-rgb: 236, 181, 195;
$chantilly-light: mix(#fff, $chantilly, 20%);
$chantilly-dark: mix(#000, $chantilly, 20%);
.element {
color: $chantilly;
box-shadow: 0 0 0 2px rgba($chantilly, 0.35);
}