Benannte Farbe · #D9BACC
Noteworthy
Noteworthy ist #D9BACC: rgb(217 186 204), hsl(325 29% 79%), oklch(0.821 0.043 342.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Noteworthy color name →
#D9BACC
oklch(0.821 0.043 342.3)
Farbumrechnungen
- HEX
- #d9bacc
- RGB
- rgb(217 186 204)
- HSL
- hsl(325 29% 79%)
- HWB
- hwb(325 73% 15%)
- OKLCH
- oklch(0.821 0.043 342.3)
- OKLab
- oklab(0.821 0.041 -0.013)
- CIE Lab
- lab(78.64 13.68 -4.78)
- LCH
- lch(78.64 14.49 340.8)
- CMYK
- cmyk(0% 14% 6% 15%)
Tints · Shades · Tones
Tints
- DDC1D1
- E1C8D6
- E5CEDB
- E8D5E0
- ECDCE5
- F0E3EA
- F4EAF0
- F8F1F5
- FBF8FA
Shades
- BCA1B1
- A18997
- 86727E
- 6C5C65
- 53464E
- 3B3237
- 251E22
- 110D0F
- 020202
Tones
- D0B4C4
- C7AEBC
- BEA8B5
- B5A2AD
- AC9DA5
- A3979E
- 9A9196
- 918B8F
- 898687
Farbharmonien
Komplementär +180°
- D9BACC
Noteworthy
- ADCEBC
≈ Misty Jade
Analog -30° +30°
- D9BACC
Noteworthy
- CEBDD9
≈ Perspective
- DFBABD
≈ Crystalline Pink
Triadisch +120° +240°
- D9BACC
Noteworthy
- C9C6A7
≈ Cargo Green
- A7CBD9
≈ Alpine Morning Blue
Geteilt komplementär +150° +210°
- D9BACC
Noteworthy
- BACBAE
≈ Succulent Garden
- A5CECC
≈ Mystery
Tetradisch +90° +180° +270°
- D9BACC
Noteworthy
- D6C1A7
≈ Country Linen
- ADCEBC
≈ Misty Jade
- B1C7E0
≈ Newman’s Eye
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.77:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.84:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--noteworthy: #d9bacc;
--noteworthy-rgb: 217 186 204;
--noteworthy-oklch: oklch(0.821 0.043 342.3);
}
.element {
color: var(--noteworthy);
background-color: hsl(325 29% 79%);
border-color: oklch(0.821 0.043 342.3);
}Tailwind CSS v4
@theme {
--color-noteworthy: #d9bacc;
--color-noteworthy-50: #fff1f8;
--color-noteworthy-100: #f3e2eb;
--color-noteworthy-200: #e2cdd9;
--color-noteworthy-300: #c8afbd;
--color-noteworthy-400: #b195a5;
--color-noteworthy-500: #9b7b8e;
--color-noteworthy-600: #836878;
--color-noteworthy-700: #695360;
--color-noteworthy-800: #4d3d47;
--color-noteworthy-900: #352a31;
--color-noteworthy-950: #21171d;
}SCSS
$noteworthy: #d9bacc;
$noteworthy-rgb: 217, 186, 204;
$noteworthy-light: mix(#fff, $noteworthy, 20%);
$noteworthy-dark: mix(#000, $noteworthy, 20%);
.element {
color: $noteworthy;
box-shadow: 0 0 0 2px rgba($noteworthy, 0.35);
}