Benannte Farbe · #DBC8C3
Pink Chantilly
Pink Chantilly ist #DBC8C3: rgb(219 200 195), hsl(13 25% 81%), oklch(0.847 0.023 35.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pink Chantilly color name →
#DBC8C3
oklch(0.847 0.023 35.1)
Farbumrechnungen
- HEX
- #dbc8c3
- RGB
- rgb(219 200 195)
- HSL
- hsl(13 25% 81%)
- HWB
- hwb(13 76% 14%)
- OKLCH
- oklch(0.847 0.023 35.1)
- OKLab
- oklab(0.847 0.018 0.013)
- CIE Lab
- lab(82.1 6.26 5.05)
- LCH
- lch(82.1 8.04 38.9)
- CMYK
- cmyk(0% 9% 11% 14%)
Tints · Shades · Tones
Tints
- DFCDC9
- E2D3CF
- E6D8D5
- E9DEDB
- EDE3E1
- F1E9E7
- F4EEED
- F8F4F3
- FBF9F9
Shades
- BEAEA9
- A29490
- 877B78
- 6D6360
- 544C4A
- 3C3634
- 262120
- 110F0E
- 020202
Tones
- D2C1BC
- C8B9B5
- BFB2AE
- B6ABA8
- ACA3A1
- A39C9A
- 9A9594
- 928E8D
- 898786
Farbharmonien
Komplementär +180°
- DBC8C3
Pink Chantilly
- BDD1D6
≈ Lament Blue
Analog -30° +30°
- DBC8C3
Pink Chantilly
- DBC7CB
≈ Light Pink Polar
- D8CABE
≈ In the Buff
Triadisch +120° +240°
- DBC8C3
Pink Chantilly
- C2D1C6
≈ Frosted Jade
- C8CCDC
≈ Lavender Steel
Geteilt komplementär +150° +210°
- DBC8C3
Pink Chantilly
- BDD2CF
≈ Breath of Green
- C1CFDB
≈ Magical
Tetradisch +90° +180° +270°
- DBC8C3
Pink Chantilly
- C9D0C0
≈ Terrace View
- BDD1D6
≈ Lament Blue
- D0C9D9
≈ Diaphanous
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.60:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.06:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--pink-chantilly: #dbc8c3;
--pink-chantilly-rgb: 219 200 195;
--pink-chantilly-oklch: oklch(0.847 0.023 35.1);
}
.element {
color: var(--pink-chantilly);
background-color: hsl(13 25% 81%);
border-color: oklch(0.847 0.023 35.1);
}Tailwind CSS v4
@theme {
--color-pink-chantilly: #dbc8c3;
--color-pink-chantilly-50: #fbf3f1;
--color-pink-chantilly-100: #efe5e3;
--color-pink-chantilly-200: #ddd1cd;
--color-pink-chantilly-300: #c2b4af;
--color-pink-chantilly-400: #ab9a96;
--color-pink-chantilly-500: #94817c;
--color-pink-chantilly-600: #7e6d69;
--color-pink-chantilly-700: #645754;
--color-pink-chantilly-800: #4a403d;
--color-pink-chantilly-900: #332c2a;
--color-pink-chantilly-950: #1f1918;
}SCSS
$pink-chantilly: #dbc8c3;
$pink-chantilly-rgb: 219, 200, 195;
$pink-chantilly-light: mix(#fff, $pink-chantilly, 20%);
$pink-chantilly-dark: mix(#000, $pink-chantilly, 20%);
.element {
color: $pink-chantilly;
box-shadow: 0 0 0 2px rgba($pink-chantilly, 0.35);
}