Nächste benannte Farbe · #DFB39B
#DFB39B
Nächste benannte Farbe: Prosciutto
#DFB39B (rgb(223 179 155), hsl(21 52% 74%), oklch(0.8 0.061 50.1)) liegt am nächsten an der benannten Farbe Prosciutto. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#DFB39B
oklch(0.8 0.061 50.1)
Farbumrechnungen
- HEX
- #dfb39b
- RGB
- rgb(223 179 155)
- HSL
- hsl(21 52% 74%)
- HWB
- hwb(21 61% 13%)
- OKLCH
- oklch(0.8 0.061 50.1)
- OKLab
- oklab(0.8 0.039 0.047)
- CIE Lab
- lab(76.51 13.96 18.66)
- LCH
- lch(76.51 23.31 53.2)
- CMYK
- cmyk(0% 20% 30% 13%)
Tints · Shades · Tones
Tints
- E2BBA5
- E6C2AF
- E9CAB9
- ECD1C2
- F0D9CC
- F3E0D6
- F6E8E1
- F9F0EB
- FCF7F5
Shades
- C29B86
- A58472
- 8A6E5E
- 6F584B
- 564339
- 3D2F28
- 271D18
- 120C09
- 020101
Tones
- D5AE98
- CCA996
- C2A493
- B89E91
- AF998E
- A5948B
- 9C8F88
- 938A86
- 898583
Farbharmonien
Komplementär +180°
- DFB39B
Prosciutto
- 95C6DE
≈ Caribbean Coast
Analog -30° +30°
- DFB39B
Prosciutto
- E3AFAD
≈ Chewing Gum
- D3BA91
≈ Stacked Limestone
Triadisch +120° +240°
- DFB39B
Prosciutto
- 97CBB8
≈ Mint Twist
- BDB8E3
≈ Melrose
Geteilt komplementär +150° +210°
- DFB39B
Prosciutto
- 8FCACD
≈ Bathing
- A7BFE6
≈ Artesian Pool
Tetradisch +90° +180° +270°
- DFB39B
Prosciutto
- A9C8A3
≈ French Market
- 95C6DE
≈ Caribbean Coast
- D0B2D7
≈ Sea Lavender
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.05:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--prosciutto: #dfb39b;
--prosciutto-rgb: 223 179 155;
--prosciutto-oklch: oklch(0.8 0.061 50.1);
}
.element {
color: var(--prosciutto);
background-color: hsl(21 52% 74%);
border-color: oklch(0.8 0.061 50.1);
}Tailwind CSS v4
@theme {
--color-prosciutto: #dfb39b;
--color-prosciutto-50: #fff1e6;
--color-prosciutto-100: #f9e3d6;
--color-prosciutto-200: #eacebd;
--color-prosciutto-300: #d2af9b;
--color-prosciutto-400: #bd947e;
--color-prosciutto-500: #a87b62;
--color-prosciutto-600: #8e6853;
--color-prosciutto-700: #725342;
--color-prosciutto-800: #543c30;
--color-prosciutto-900: #3b2920;
--color-prosciutto-950: #251710;
}SCSS
$prosciutto: #dfb39b;
$prosciutto-rgb: 223, 179, 155;
$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);
}