Cor nomeada · #BC693E
Spiced Nut
Spiced Nut é #BC693E: rgb(188 105 62), hsl(20 50% 49%), oklch(0.607 0.121 46.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Spiced Nut color name →
#BC693E
oklch(0.607 0.121 46.8)
Conversões de cor
- HEX
- #bc693e
- RGB
- rgb(188 105 62)
- HSL
- hsl(20 50% 49%)
- HWB
- hwb(20 24% 26%)
- OKLCH
- oklch(0.607 0.121 46.8)
- OKLab
- oklab(0.607 0.083 0.088)
- CIE Lab
- lab(53.61 31.29 38.87)
- LCH
- lch(53.61 49.9 51.2)
- CMYK
- cmyk(0% 44% 67% 26%)
Tons claros · Sombras · Tons
Tons claros
- C47852
- CB8765
- D39678
- DAA58B
- E1B49E
- E7C3B1
- EDD2C4
- F4E1D8
- F9F0EB
Sombras
- A35A35
- 8B4C2B
- 733E23
- 5D311A
- 472412
- 32180A
- 1F0C04
- 0D0401
- 020000
Tons
- B76C46
- B16F4E
- AC7255
- A6745C
- A07662
- 9A7969
- 947B6F
- 8D7D75
- 877E7A
Harmonias de cor
Complementar +180°
- BC693E
Spiced Nut
- 008FB8
≈ Hawaiian Ocean
Análoga -30° +30°
- BC693E
Spiced Nut
- BF6168
≈ Faded Rose
- AA7716
≈ Falafel
Tríade +120° +240°
- BC693E
Spiced Nut
- 139972
≈ Jardinière
- 7E76C7
≈ Kickstart Purple
Complementar dividida +150° +210°
- BC693E
Spiced Nut
- 009597
≈ Atrovirens
- 5083C9
≈ Astro Nautico
Tétrade +90° +180° +270°
- BC693E
Spiced Nut
- 5E9347
≈ Mary’s Garden
- 008FB8
≈ Hawaiian Ocean
- 9F6AB2
≈ Soft Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.01:1 · APCA Lc 67
Ag
AASobre preto
WCAG 5.22:1 · APCA Lc 35
Melhor cor de texto: #000000
WCAG 5.22:1 (AA) · APCA Lc 35
Contrast pairs
Trechos de código
CSS
:root {
--spiced-nut: #bc693e;
--spiced-nut-rgb: 188 105 62;
--spiced-nut-oklch: oklch(0.607 0.121 46.8);
}
.element {
color: var(--spiced-nut);
background-color: hsl(20 50% 49%);
border-color: oklch(0.607 0.121 46.8);
}Tailwind CSS v4
@theme {
--color-spiced-nut: #bc693e;
--color-spiced-nut-50: #ffecd7;
--color-spiced-nut-100: #ffddc5;
--color-spiced-nut-200: #ffc6a7;
--color-spiced-nut-300: #eaa580;
--color-spiced-nut-400: #d9875e;
--color-spiced-nut-500: #c66a39;
--color-spiced-nut-600: #a75a31;
--color-spiced-nut-700: #864827;
--color-spiced-nut-800: #64331c;
--color-spiced-nut-900: #462312;
--color-spiced-nut-950: #2d1105;
}SCSS
$spiced-nut: #bc693e;
$spiced-nut-rgb: 188, 105, 62;
$spiced-nut-light: mix(#fff, $spiced-nut, 20%);
$spiced-nut-dark: mix(#000, $spiced-nut, 20%);
.element {
color: $spiced-nut;
box-shadow: 0 0 0 2px rgba($spiced-nut, 0.35);
}