Benannte Farbe · #D69E6B
Caramelo Dulce
Caramelo Dulce ist #D69E6B: rgb(214 158 107), hsl(29 57% 63%), oklch(0.741 0.095 62.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Caramelo Dulce color name →
#D69E6B
oklch(0.741 0.095 62.9)
Farbumrechnungen
- HEX
- #d69e6b
- RGB
- rgb(214 158 107)
- HSL
- hsl(29 57% 63%)
- HWB
- hwb(29 42% 16%)
- OKLCH
- oklch(0.741 0.095 62.9)
- OKLab
- oklab(0.741 0.043 0.084)
- CIE Lab
- lab(69.73 17.14 35.13)
- LCH
- lch(69.73 39.09 64)
- CMYK
- cmyk(0% 26% 50% 16%)
Tints · Shades · Tones
Tints
- DBA87A
- DFB189
- E3BB98
- E8C5A6
- ECCEB5
- F0D8C4
- F4E2D3
- F8EBE1
- FBF5F0
Shades
- BA895C
- 9E744E
- 84603F
- 6A4D32
- 523A25
- 3B2918
- 25180D
- 100904
- 020100
Tones
- CD9B6E
- C59871
- BC9573
- B49376
- AB9078
- A28D7A
- 9A897B
- 91867D
- 89837F
Farbharmonien
Komplementär +180°
- D69E6B
Caramelo Dulce
- 74B2E2
≈ Lucea
Analog -30° +30°
- D69E6B
Caramelo Dulce
- E09585
≈ Fresh Watermelon
- C0AA63
≈ Slender Stem
Triadisch +120° +240°
- D69E6B
Caramelo Dulce
- 5DBFB1
≈ Treasured Teal
- B79DDD
≈ Violet Velvet
Geteilt komplementär +150° +210°
- D69E6B
Caramelo Dulce
- 5ABBCF
≈ High Dive
- 97A7E7
≈ Dalmatian Sage
Tetradisch +90° +180° +270°
- D69E6B
Caramelo Dulce
- 7BBD8F
≈ Oilcloth Green
- 74B2E2
≈ Lucea
- CF95C5
≈ Carnation Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.34:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.96:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--caramelo-dulce: #d69e6b;
--caramelo-dulce-rgb: 214 158 107;
--caramelo-dulce-oklch: oklch(0.741 0.095 62.9);
}
.element {
color: var(--caramelo-dulce);
background-color: hsl(29 57% 63%);
border-color: oklch(0.741 0.095 62.9);
}Tailwind CSS v4
@theme {
--color-caramelo-dulce: #d69e6b;
--color-caramelo-dulce-50: #fff0da;
--color-caramelo-dulce-100: #ffe2c8;
--color-caramelo-dulce-200: #f1cdaa;
--color-caramelo-dulce-300: #daae84;
--color-caramelo-dulce-400: #c69262;
--color-caramelo-dulce-500: #b2773e;
--color-caramelo-dulce-600: #976536;
--color-caramelo-dulce-700: #79512b;
--color-caramelo-dulce-800: #5a3a1e;
--color-caramelo-dulce-900: #3f2814;
--color-caramelo-dulce-950: #281606;
}SCSS
$caramelo-dulce: #d69e6b;
$caramelo-dulce-rgb: 214, 158, 107;
$caramelo-dulce-light: mix(#fff, $caramelo-dulce, 20%);
$caramelo-dulce-dark: mix(#000, $caramelo-dulce, 20%);
.element {
color: $caramelo-dulce;
box-shadow: 0 0 0 2px rgba($caramelo-dulce, 0.35);
}