Cor nomeada · #C09856
Amaretto Sour
Amaretto Sour é #C09856: rgb(192 152 86), hsl(37 46% 55%), oklch(0.703 0.097 78.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Amaretto Sour color name →
#C09856
oklch(0.703 0.097 78.7)
Conversões de cor
- HEX
- #c09856
- RGB
- rgb(192 152 86)
- HSL
- hsl(37 46% 55%)
- HWB
- hwb(37 34% 25%)
- OKLCH
- oklch(0.703 0.097 78.7)
- OKLab
- oklab(0.703 0.019 0.095)
- CIE Lab
- lab(65.59 9.69 40.31)
- LCH
- lch(65.59 41.46 76.5)
- CMYK
- cmyk(0% 21% 55% 25%)
Tons claros · Sombras · Tons
Tons claros
- C6A268
- CDAC79
- D3B78A
- D9C19B
- E0CBAB
- E6D5BC
- ECE0CD
- F3EADD
- F9F5EE
Sombras
- A7844A
- 8E703E
- 765C32
- 5F4A27
- 49381C
- 342712
- 201708
- 0E0802
- 020100
Tons
- BA965C
- B39461
- AD9166
- A68F6A
- A08D6E
- 998A72
- 938876
- 8D857A
- 86837D
Harmonias de cor
Complementar +180°
- C09856
Amaretto Sour
- 7AA1DC
≈ Greek Sea
Análoga -30° +30°
- C09856
Amaretto Sour
- D18D69
≈ Cinnamon Brandy
- A4A45A
≈ Rickrack
Tríade +120° +240°
- C09856
Amaretto Sour
- 47B2B6
≈ Crystalsong Blue
- B98CC6
≈ Lavender Blaze
Complementar dividida +150° +210°
- C09856
Amaretto Sour
- 57ABCF
≈ Frozen Wave
- 9D95D8
≈ Gorgeous Hydrangea
Tétrade +90° +180° +270°
- C09856
Amaretto Sour
- 5BB395
≈ Electra
- 7AA1DC
≈ Greek Sea
- CD86A9
≈ Moonlight Mauve
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.66:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.86:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--amaretto-sour: #c09856;
--amaretto-sour-rgb: 192 152 86;
--amaretto-sour-oklch: oklch(0.703 0.097 78.7);
}
.element {
color: var(--amaretto-sour);
background-color: hsl(37 46% 55%);
border-color: oklch(0.703 0.097 78.7);
}Tailwind CSS v4
@theme {
--color-amaretto-sour: #c09856;
--color-amaretto-sour-50: #fff3d7;
--color-amaretto-sour-100: #f9e5c4;
--color-amaretto-sour-200: #ead1a6;
--color-amaretto-sour-300: #d1b37e;
--color-amaretto-sour-400: #be985a;
--color-amaretto-sour-500: #a97e31;
--color-amaretto-sour-600: #8f6b2b;
--color-amaretto-sour-700: #725522;
--color-amaretto-sour-800: #553d17;
--color-amaretto-sour-900: #3b2a0f;
--color-amaretto-sour-950: #251803;
}SCSS
$amaretto-sour: #c09856;
$amaretto-sour-rgb: 192, 152, 86;
$amaretto-sour-light: mix(#fff, $amaretto-sour, 20%);
$amaretto-sour-dark: mix(#000, $amaretto-sour, 20%);
.element {
color: $amaretto-sour;
box-shadow: 0 0 0 2px rgba($amaretto-sour, 0.35);
}