Cor nomeada · #A24F46
Sappanwood Incense
Sappanwood Incense é #A24F46: rgb(162 79 70), hsl(6 40% 45%), oklch(0.528 0.112 27.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sappanwood Incense color name →
#A24F46
oklch(0.528 0.112 27.8)
Conversões de cor
- HEX
- #a24f46
- RGB
- rgb(162 79 70)
- HSL
- hsl(6 40% 45%)
- HWB
- hwb(6 27% 36%)
- OKLCH
- oklch(0.528 0.112 27.8)
- OKLab
- oklab(0.528 0.099 0.052)
- CIE Lab
- lab(44.25 34.48 22.13)
- LCH
- lch(44.25 40.97 32.7)
- CMYK
- cmyk(0% 51% 57% 36%)
Tons claros · Sombras · Tons
Tons claros
- AD6057
- B77269
- C1837A
- CA948D
- D4A69F
- DDB7B2
- E6C9C4
- EFDBD8
- F7EDEB
Sombras
- 8C443C
- 773832
- 632E28
- 4F231E
- 3C1915
- 2A100D
- 190705
- 0A0202
- 010000
Tons
- A0554C
- 9D5A52
- 9A5F58
- 97645E
- 946963
- 916E69
- 8D736F
- 897775
- 857C7A
Harmonias de cor
Complementar +180°
- A24F46
Sappanwood Incense
- 007A87
≈ Biscay Bay
Análoga -30° +30°
- A24F46
Sappanwood Incense
- 9D4D6B
≈ Cherry Berry
- 9A591D
≈ Sepia Wash
Tríade +120° +240°
- A24F46
Sappanwood Incense
- 377D44
≈ Hills of Ireland
- 4F67AC
≈ Submarine Base
Complementar dividida +150° +210°
- A24F46
Sappanwood Incense
- 007D6B
≈ Mediaeval Forest
- 1173A4
≈ Quarterdeck
Tétrade +90° +180° +270°
- A24F46
Sappanwood Incense
- 667319
≈ Fern Frond
- 007A87
≈ Biscay Bay
- 735CA3
≈ Sumire Violet
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.61:1 · APCA Lc 78
Ag
FailSobre preto
WCAG 3.74:1 · APCA Lc 24
Melhor cor de texto: #FFFFFF
WCAG 5.61:1 (AA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--sappanwood-incense: #a24f46;
--sappanwood-incense-rgb: 162 79 70;
--sappanwood-incense-oklch: oklch(0.528 0.112 27.8);
}
.element {
color: var(--sappanwood-incense);
background-color: hsl(6 40% 45%);
border-color: oklch(0.528 0.112 27.8);
}Tailwind CSS v4
@theme {
--color-sappanwood-incense: #a24f46;
--color-sappanwood-incense-50: #ffeae3;
--color-sappanwood-incense-100: #ffdbd2;
--color-sappanwood-incense-200: #ffc3b8;
--color-sappanwood-incense-300: #eba296;
--color-sappanwood-incense-400: #d98479;
--color-sappanwood-incense-500: #c5665c;
--color-sappanwood-incense-600: #a7574e;
--color-sappanwood-incense-700: #86463e;
--color-sappanwood-incense-800: #64322e;
--color-sappanwood-incense-900: #46221f;
--color-sappanwood-incense-950: #2d110f;
}SCSS
$sappanwood-incense: #a24f46;
$sappanwood-incense-rgb: 162, 79, 70;
$sappanwood-incense-light: mix(#fff, $sappanwood-incense, 20%);
$sappanwood-incense-dark: mix(#000, $sappanwood-incense, 20%);
.element {
color: $sappanwood-incense;
box-shadow: 0 0 0 2px rgba($sappanwood-incense, 0.35);
}