Colore con nome · #E5CAA4
Caramel Mousse
Caramel Mousse è #E5CAA4: rgb(229 202 164), hsl(35 56% 77%), oklch(0.852 0.059 76.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Caramel Mousse color name →
#E5CAA4
oklch(0.852 0.059 76.2)
Conversioni di colore
- HEX
- #e5caa4
- RGB
- rgb(229 202 164)
- HSL
- hsl(35 56% 77%)
- HWB
- hwb(35 64% 10%)
- OKLCH
- oklch(0.852 0.059 76.2)
- OKLab
- oklab(0.852 0.014 0.057)
- CIE Lab
- lab(82.93 5.67 22.71)
- LCH
- lch(82.93 23.41 76)
- CMYK
- cmyk(0% 12% 28% 10%)
Tinte · Ombre · Toni
Tinte
- E8CFAD
- EAD5B6
- EDDABF
- F0DFC8
- F2E4D1
- F5EADB
- F7EFE4
- FAF4ED
- FCFAF6
Ombre
- C7AF8E
- AA9579
- 8E7C64
- 726450
- 584D3D
- 3F372B
- 28221A
- 120F0A
- 030201
Toni
- DAC2A1
- D0BB9D
- C6B39A
- BBAC96
- B1A492
- A79D8F
- 9D968B
- 938E87
- 8A8784
Armonie di colore
Complementare +180°
- E5CAA4
Caramel Mousse
- B6D1F5
≈ Frost Fairy
Analogo -30° +30°
- E5CAA4
Caramel Mousse
- F0C3AF
≈ Fatty Sashimi
- D3D2A5
≈ Cream Cheese Avocado
Triadico +120° +240°
- E5CAA4
Caramel Mousse
- A1DBDB
≈ Aqua Island
- DEC3E9
≈ Glittering Gemstone
Complementare divisa +150° +210°
- E5CAA4
Caramel Mousse
- A6D7EC
≈ Blue Bubble
- CBCAF4
≈ Soap
Tetradico +90° +180° +270°
- E5CAA4
Caramel Mousse
- ABDBC6
≈ Celadon Sorbet
- B6D1F5
≈ Frost Fairy
- ECC0D6
≈ Parrot Tulip
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.31:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--caramel-mousse: #e5caa4;
--caramel-mousse-rgb: 229 202 164;
--caramel-mousse-oklch: oklch(0.852 0.059 76.2);
}
.element {
color: var(--caramel-mousse);
background-color: hsl(35 56% 77%);
border-color: oklch(0.852 0.059 76.2);
}Tailwind CSS v4
@theme {
--color-caramel-mousse: #e5caa4;
--color-caramel-mousse-50: #fff4e3;
--color-caramel-mousse-100: #f3e6d3;
--color-caramel-mousse-200: #e2d2b9;
--color-caramel-mousse-300: #c8b496;
--color-caramel-mousse-400: #b39a78;
--color-caramel-mousse-500: #9d8159;
--color-caramel-mousse-600: #846d4c;
--color-caramel-mousse-700: #6a573d;
--color-caramel-mousse-800: #4f3f2b;
--color-caramel-mousse-900: #372c1d;
--color-caramel-mousse-950: #22190d;
}SCSS
$caramel-mousse: #e5caa4;
$caramel-mousse-rgb: 229, 202, 164;
$caramel-mousse-light: mix(#fff, $caramel-mousse, 20%);
$caramel-mousse-dark: mix(#000, $caramel-mousse, 20%);
.element {
color: $caramel-mousse;
box-shadow: 0 0 0 2px rgba($caramel-mousse, 0.35);
}