Benannte Farbe · #DF9F8F
Pink Palazzo
Pink Palazzo ist #DF9F8F: rgb(223 159 143), hsl(12 56% 72%), oklch(0.76 0.08 34.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pink Palazzo color name →
#DF9F8F
oklch(0.76 0.08 34.6)
Farbumrechnungen
- HEX
- #df9f8f
- RGB
- rgb(223 159 143)
- HSL
- hsl(12 56% 72%)
- HWB
- hwb(12 56% 13%)
- OKLCH
- oklch(0.76 0.08 34.6)
- OKLab
- oklab(0.76 0.066 0.046)
- CIE Lab
- lab(71.51 23.03 18.35)
- LCH
- lch(71.51 29.45 38.6)
- CMYK
- cmyk(0% 29% 36% 13%)
Tints · Shades · Tones
Tints
- E3A99A
- E6B2A5
- EABCB0
- EDC5BB
- F1CFC6
- F4D8D1
- F7E2DD
- FAECE8
- FCF5F3
Shades
- C28A7C
- A57569
- 8A6157
- 6F4D45
- 563B34
- 3D2924
- 271815
- 120907
- 020101
Tones
- D59C8E
- CC998C
- C2968B
- B99389
- B09088
- A68D86
- 9D8A85
- 938683
- 8A8382
Farbharmonien
Komplementär +180°
- DF9F8F
Pink Palazzo
- 72BFD1
≈ Surfin’
Analog -30° +30°
- DF9F8F
Pink Palazzo
- DE9CAA
≈ Faded Pink
- D5A77B
≈ Mulled Spice
Triadisch +120° +240°
- DF9F8F
Pink Palazzo
- 88C19A
≈ Country Weekend
- A1AEE5
≈ Maximum Blue Purple
Geteilt komplementär +150° +210°
- DF9F8F
Pink Palazzo
- 73C2B7
≈ Pale Jade
- 85B7E1
≈ Enchanting
Tetradisch +90° +180° +270°
- DF9F8F
Pink Palazzo
- A6BA82
≈ Margarita
- 72BFD1
≈ Surfin’
- BCA5DB
≈ Enchanted Lavender
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.21:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.49:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.49:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--pink-palazzo: #df9f8f;
--pink-palazzo-rgb: 223 159 143;
--pink-palazzo-oklch: oklch(0.76 0.08 34.6);
}
.element {
color: var(--pink-palazzo);
background-color: hsl(12 56% 72%);
border-color: oklch(0.76 0.08 34.6);
}Tailwind CSS v4
@theme {
--color-pink-palazzo: #df9f8f;
--color-pink-palazzo-50: #ffeee5;
--color-pink-palazzo-100: #ffdfd5;
--color-pink-palazzo-200: #f4c9bd;
--color-pink-palazzo-300: #ddaa9b;
--color-pink-palazzo-400: #c98e7f;
--color-pink-palazzo-500: #b57262;
--color-pink-palazzo-600: #996153;
--color-pink-palazzo-700: #7b4d42;
--color-pink-palazzo-800: #5b3830;
--color-pink-palazzo-900: #402621;
--color-pink-palazzo-950: #281410;
}SCSS
$pink-palazzo: #df9f8f;
$pink-palazzo-rgb: 223, 159, 143;
$pink-palazzo-light: mix(#fff, $pink-palazzo, 20%);
$pink-palazzo-dark: mix(#000, $pink-palazzo, 20%);
.element {
color: $pink-palazzo;
box-shadow: 0 0 0 2px rgba($pink-palazzo, 0.35);
}