Nächste benannte Farbe · #DDB7AA
#DDB7AA
Nächste benannte Farbe: Prosciutto
#DDB7AA (rgb(221 183 170), hsl(15 43% 77%), oklch(0.809 0.048 39.8)) liegt am nächsten an der benannten Farbe Prosciutto. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#DDB7AA
oklch(0.809 0.048 39.8)
Farbumrechnungen
- HEX
- #ddb7aa
- RGB
- rgb(221 183 170)
- HSL
- hsl(15 43% 77%)
- HWB
- hwb(15 67% 13%)
- OKLCH
- oklch(0.809 0.048 39.8)
- OKLab
- oklab(0.809 0.037 0.031)
- CIE Lab
- lab(77.56 12.67 12.03)
- LCH
- lch(77.56 17.48 43.5)
- CMYK
- cmyk(0% 17% 23% 13%)
Tints · Shades · Tones
Tints
- E1BEB2
- E4C5BB
- E8CCC3
- EBD3CB
- EFDBD4
- F2E2DC
- F5E9E5
- F9F0EE
- FCF8F6
Shades
- C09F93
- A4877D
- 887068
- 6E5A53
- 55453F
- 3D312D
- 261E1B
- 110C0B
- 020201
Tones
- D3B1A6
- CAACA2
- C0A69D
- B7A199
- AE9B95
- A59691
- 9B908D
- 928B88
- 898584
Farbharmonien
Komplementär +180°
- DDB7AA
Prosciutto
- 9FC9D6
≈ Soothing Blue
Analog -30° +30°
- DDB7AA
Prosciutto
- DDB5BA
≈ Pencil Eraser
- D5BCA0
≈ Concept Beige
Triadisch +120° +240°
- DDB7AA
Prosciutto
- A7CBB6
≈ Bird’s Egg Green
- BABEE0
≈ Wisteria Fragrance
Geteilt komplementär +150° +210°
- DDB7AA
Prosciutto
- 9ECBC7
≈ Eggshell Blue
- AAC4DF
≈ Blue Prism
Tetradisch +90° +180° +270°
- DDB7AA
Prosciutto
- B7C7A7
≈ Freshwater Green
- 9FC9D6
≈ Soothing Blue
- CAB9D8
≈ Pussyfoot
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.83:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.42:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--prosciutto: #ddb7aa;
--prosciutto-rgb: 221 183 170;
--prosciutto-oklch: oklch(0.809 0.048 39.8);
}
.element {
color: var(--prosciutto);
background-color: hsl(15 43% 77%);
border-color: oklch(0.809 0.048 39.8);
}Tailwind CSS v4
@theme {
--color-prosciutto: #ddb7aa;
--color-prosciutto-50: #fff1eb;
--color-prosciutto-100: #f7e3dc;
--color-prosciutto-200: #e7cec5;
--color-prosciutto-300: #ceb0a5;
--color-prosciutto-400: #b8958a;
--color-prosciutto-500: #a37c6f;
--color-prosciutto-600: #89695e;
--color-prosciutto-700: #6e544b;
--color-prosciutto-800: #513d37;
--color-prosciutto-900: #392a25;
--color-prosciutto-950: #231714;
}SCSS
$prosciutto: #ddb7aa;
$prosciutto-rgb: 221, 183, 170;
$prosciutto-light: mix(#fff, $prosciutto, 20%);
$prosciutto-dark: mix(#000, $prosciutto, 20%);
.element {
color: $prosciutto;
box-shadow: 0 0 0 2px rgba($prosciutto, 0.35);
}