Cor nomeada · #E5CAA4
Caramel Mousse
Caramel Mousse é #E5CAA4: rgb(229 202 164), hsl(35 56% 77%), oklch(0.852 0.059 76.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Caramel Mousse color name →
#E5CAA4
oklch(0.852 0.059 76.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- E8CFAD
- EAD5B6
- EDDABF
- F0DFC8
- F2E4D1
- F5EADB
- F7EFE4
- FAF4ED
- FCFAF6
Sombras
- C7AF8E
- AA9579
- 8E7C64
- 726450
- 584D3D
- 3F372B
- 28221A
- 120F0A
- 030201
Tons
- DAC2A1
- D0BB9D
- C6B39A
- BBAC96
- B1A492
- A79D8F
- 9D968B
- 938E87
- 8A8784
Harmonias de cor
Complementar +180°
- E5CAA4
Caramel Mousse
- B6D1F5
≈ Frost Fairy
Análoga -30° +30°
- E5CAA4
Caramel Mousse
- F0C3AF
≈ Fatty Sashimi
- D3D2A5
≈ Cream Cheese Avocado
Tríade +120° +240°
- E5CAA4
Caramel Mousse
- A1DBDB
≈ Aqua Island
- DEC3E9
≈ Glittering Gemstone
Complementar dividida +150° +210°
- E5CAA4
Caramel Mousse
- A6D7EC
≈ Blue Bubble
- CBCAF4
≈ Soap
Tétrade +90° +180° +270°
- E5CAA4
Caramel Mousse
- ABDBC6
≈ Celadon Sorbet
- B6D1F5
≈ Frost Fairy
- ECC0D6
≈ Parrot Tulip
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.31:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
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);
}