Color con nombre · #9F4440
Tandoori Spice
Tandoori Spice es #9F4440: rgb(159 68 64), hsl(3 43% 44%), oklch(0.506 0.122 24.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Tandoori Spice color name →
#9F4440
oklch(0.506 0.122 24.9)
Conversiones de color
- HEX
- #9f4440
- RGB
- rgb(159 68 64)
- HSL
- hsl(3 43% 44%)
- HWB
- hwb(3 25% 38%)
- OKLCH
- oklch(0.506 0.122 24.9)
- OKLab
- oklab(0.506 0.111 0.052)
- CIE Lab
- lab(41.48 38.4 22.13)
- LCH
- lch(41.48 44.32 30)
- CMYK
- cmyk(0% 57% 60% 38%)
Tintes · Sombras · Tonos
Tintes
- AA5752
- B56964
- BF7C76
- C98E89
- D3A09B
- DDB3AF
- E6C6C2
- EED9D6
- F7ECEA
Sombras
- 8A3A36
- 75302D
- 612624
- 4D1D1B
- 3B1413
- 290C0B
- 180505
- 090201
- 010000
Tonos
- 9D4B47
- 9B524D
- 995854
- 965F5A
- 936560
- 906A67
- 8C706D
- 897573
- 857B7A
Armonías de color
Complementario +180°
- 9F4440
Tandoori Spice
- 00737C
≈ Scurf Green
Análogo -30° +30°
- 9F4440
Tandoori Spice
- 994368
≈ Satsuma Imo Red
- 984E07
≈ Warm Brown
Triádico +120° +240°
- 9F4440
Tandoori Spice
- 2F7635
≈ Japanese Laurel
- 4261AA
≈ Kakitsubata Blue
Complementario dividido +150° +210°
- 9F4440
Tandoori Spice
- 007662
≈ Teal Waters
- 006D99
≈ Disarm
Tetrádico +90° +180° +270°
- 9F4440
Tandoori Spice
- 646C00
≈ Brownish Green
- 00737C
≈ Scurf Green
- 6B54A3
≈ Prophet Violet
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.22:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.37:1 · APCA Lc 21
Mejor color de texto: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--tandoori-spice: #9f4440;
--tandoori-spice-rgb: 159 68 64;
--tandoori-spice-oklch: oklch(0.506 0.122 24.9);
}
.element {
color: var(--tandoori-spice);
background-color: hsl(3 43% 44%);
border-color: oklch(0.506 0.122 24.9);
}Tailwind CSS v4
@theme {
--color-tandoori-spice: #9f4440;
--color-tandoori-spice-50: #ffe9e3;
--color-tandoori-spice-100: #ffd9d2;
--color-tandoori-spice-200: #ffc1b8;
--color-tandoori-spice-300: #f09f96;
--color-tandoori-spice-400: #dd807a;
--color-tandoori-spice-500: #ca625c;
--color-tandoori-spice-600: #ab534e;
--color-tandoori-spice-700: #89423e;
--color-tandoori-spice-800: #662f2e;
--color-tandoori-spice-900: #48201f;
--color-tandoori-spice-950: #2f0f0f;
}SCSS
$tandoori-spice: #9f4440;
$tandoori-spice-rgb: 159, 68, 64;
$tandoori-spice-light: mix(#fff, $tandoori-spice, 20%);
$tandoori-spice-dark: mix(#000, $tandoori-spice, 20%);
.element {
color: $tandoori-spice;
box-shadow: 0 0 0 2px rgba($tandoori-spice, 0.35);
}