Color con nombre · #A24F46
Sappanwood Incense
Sappanwood Incense es #A24F46: rgb(162 79 70), hsl(6 40% 45%), oklch(0.528 0.112 27.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Sappanwood Incense color name →
#A24F46
oklch(0.528 0.112 27.8)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- AD6057
- B77269
- C1837A
- CA948D
- D4A69F
- DDB7B2
- E6C9C4
- EFDBD8
- F7EDEB
Sombras
- 8C443C
- 773832
- 632E28
- 4F231E
- 3C1915
- 2A100D
- 190705
- 0A0202
- 010000
Tonos
- A0554C
- 9D5A52
- 9A5F58
- 97645E
- 946963
- 916E69
- 8D736F
- 897775
- 857C7A
Armonías de color
Complementario +180°
- A24F46
Sappanwood Incense
- 007A87
≈ Biscay Bay
Análogo -30° +30°
- A24F46
Sappanwood Incense
- 9D4D6B
≈ Cherry Berry
- 9A591D
≈ Sepia Wash
Triádico +120° +240°
- A24F46
Sappanwood Incense
- 377D44
≈ Hills of Ireland
- 4F67AC
≈ Submarine Base
Complementario dividido +150° +210°
- A24F46
Sappanwood Incense
- 007D6B
≈ Mediaeval Forest
- 1173A4
≈ Quarterdeck
Tetrádico +90° +180° +270°
- A24F46
Sappanwood Incense
- 667319
≈ Fern Frond
- 007A87
≈ Biscay Bay
- 735CA3
≈ Sumire Violet
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.61:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.74:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.61:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos 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);
}