Benannte Farbe · #D6851F
Dulce de Leche
Dulce de Leche ist #D6851F: rgb(214 133 31), hsl(33 75% 48%), oklch(0.687 0.144 65.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Dulce de Leche color name →
#D6851F
oklch(0.687 0.144 65.4)
Farbumrechnungen
- HEX
- #d6851f
- RGB
- rgb(214 133 31)
- HSL
- hsl(33 75% 48%)
- HWB
- hwb(33 12% 16%)
- OKLCH
- oklch(0.687 0.144 65.4)
- OKLab
- oklab(0.687 0.06 0.131)
- CIE Lab
- lab(63.23 26.85 62.52)
- LCH
- lch(63.23 68.05 66.8)
- CMYK
- cmyk(0% 38% 86% 16%)
Tints · Shades · Tones
Tints
- DB9241
- E09E5A
- E4AA70
- E9B786
- EDC39A
- F1CFAE
- F5DBC3
- F8E7D7
- FCF3EB
Shades
- BA7319
- 9E6114
- 84500F
- 6A400A
- 523006
- 3B2103
- 251301
- 100600
- 020100
Tones
- CE8533
- C58540
- BD854B
- B48555
- AC845E
- A38465
- 9B836D
- 928273
- 89817A
Farbharmonien
Komplementär +180°
- D6851F
Dulce de Leche
- 3EA1ED
≈ Rockman Blue
Analog -30° +30°
- D6851F
Dulce de Leche
- E57659
≈ Potash
- B59800
≈ Kalliene Yellow
Triadisch +120° +240°
- D6851F
Dulce de Leche
- 00B2A5
≈ Cozumel
- B081E1
≈ Lavender Blossom
Geteilt komplementär +150° +210°
- D6851F
Dulce de Leche
- 00ADC9
≈ Havasupai Falls
- 8291F3
≈ Perrywinkle
Tetradisch +90° +180° +270°
- D6851F
Dulce de Leche
- 3BB472
≈ Medium Sea Green
- 3EA1ED
≈ Rockman Blue
- D075BD
≈ Gulābī Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.90:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.23:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.23:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--dulce-de-leche: #d6851f;
--dulce-de-leche-rgb: 214 133 31;
--dulce-de-leche-oklch: oklch(0.687 0.144 65.4);
}
.element {
color: var(--dulce-de-leche);
background-color: hsl(33 75% 48%);
border-color: oklch(0.687 0.144 65.4);
}Tailwind CSS v4
@theme {
--color-dulce-de-leche: #d6851f;
--color-dulce-de-leche-50: #ffeeca;
--color-dulce-de-leche-100: #ffdfb5;
--color-dulce-de-leche-200: #fec991;
--color-dulce-de-leche-300: #e9a962;
--color-dulce-de-leche-400: #d88b31;
--color-dulce-de-leche-500: #c56d00;
--color-dulce-de-leche-600: #a65d00;
--color-dulce-de-leche-700: #864a00;
--color-dulce-de-leche-800: #643500;
--color-dulce-de-leche-900: #462400;
--color-dulce-de-leche-950: #2e1200;
}SCSS
$dulce-de-leche: #d6851f;
$dulce-de-leche-rgb: 214, 133, 31;
$dulce-de-leche-light: mix(#fff, $dulce-de-leche, 20%);
$dulce-de-leche-dark: mix(#000, $dulce-de-leche, 20%);
.element {
color: $dulce-de-leche;
box-shadow: 0 0 0 2px rgba($dulce-de-leche, 0.35);
}