Colore con nome · #D69E6B
Caramelo Dulce
Caramelo Dulce è #D69E6B: rgb(214 158 107), hsl(29 57% 63%), oklch(0.741 0.095 62.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Caramelo Dulce color name →
#D69E6B
oklch(0.741 0.095 62.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DBA87A
- DFB189
- E3BB98
- E8C5A6
- ECCEB5
- F0D8C4
- F4E2D3
- F8EBE1
- FBF5F0
Ombre
- BA895C
- 9E744E
- 84603F
- 6A4D32
- 523A25
- 3B2918
- 25180D
- 100904
- 020100
Toni
- CD9B6E
- C59871
- BC9573
- B49376
- AB9078
- A28D7A
- 9A897B
- 91867D
- 89837F
Armonie di colore
Complementare +180°
- D69E6B
Caramelo Dulce
- 74B2E2
≈ Lucea
Analogo -30° +30°
- D69E6B
Caramelo Dulce
- E09585
≈ Fresh Watermelon
- C0AA63
≈ Slender Stem
Triadico +120° +240°
- D69E6B
Caramelo Dulce
- 5DBFB1
≈ Treasured Teal
- B79DDD
≈ Violet Velvet
Complementare divisa +150° +210°
- D69E6B
Caramelo Dulce
- 5ABBCF
≈ High Dive
- 97A7E7
≈ Dalmatian Sage
Tetradico +90° +180° +270°
- D69E6B
Caramelo Dulce
- 7BBD8F
≈ Oilcloth Green
- 74B2E2
≈ Lucea
- CF95C5
≈ Carnation Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.34:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.96:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
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);
}