Color con nombre · #AB6F73
Pomegranate Tea
Pomegranate Tea es #AB6F73: rgb(171 111 115), hsl(356 26% 55%), oklch(0.606 0.077 15.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Pomegranate Tea color name →
#AB6F73
oklch(0.606 0.077 15.2)
Conversiones de color
- HEX
- #ab6f73
- RGB
- rgb(171 111 115)
- HSL
- hsl(356 26% 55%)
- HWB
- hwb(356 44% 33%)
- OKLCH
- oklch(0.606 0.077 15.2)
- OKLab
- oklab(0.606 0.074 0.02)
- CIE Lab
- lab(53.49 24.88 8.16)
- LCH
- lch(53.49 26.18 18.2)
- CMYK
- cmyk(0% 35% 33% 33%)
Tintes · Sombras · Tonos
Tintes
- B47D80
- BD8B8D
- C5999B
- CEA7A9
- D6B5B7
- DFC4C5
- E7D2D3
- EFE1E2
- F7F0F0
Sombras
- 946063
- 7E5154
- 684245
- 543436
- 402728
- 2D1A1B
- 1B0E0F
- 0B0405
- 010101
Tonos
- A77174
- A37376
- 9F7577
- 9B7678
- 97787A
- 927A7B
- 8E7B7C
- 8A7D7D
- 857F7F
Armonías de color
Complementario +180°
- AB6F73
Pomegranate Tea
- 429090
≈ Blue Chill
Análogo -30° +30°
- AB6F73
Pomegranate Tea
- A46F8C
≈ Mauve Orchid
- A9735B
≈ Marron Canela
Triádico +120° +240°
- AB6F73
Pomegranate Tea
- 6E8D5E
≈ Four Leaf Clover
- 6384B0
≈ Pacific Coast
Complementario dividido +150° +210°
- AB6F73
Pomegranate Tea
- 539177
≈ Deep Grass Green
- 4B8CA5
≈ Blue Chaise
Tetrádico +90° +180° +270°
- AB6F73
Pomegranate Tea
- 88854D
≈ Snap Pea Green
- 429090
≈ Blue Chill
- 7D7CAE
≈ Ontario Violet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.99:1 · APCA Lc 67
Ag
AASobre negro
WCAG 5.25:1 · APCA Lc 35
Mejor color de texto: #000000
WCAG 5.25:1 (AA) · APCA Lc 35
Contrast pairs
Fragmentos de código
CSS
:root {
--pomegranate-tea: #ab6f73;
--pomegranate-tea-rgb: 171 111 115;
--pomegranate-tea-oklch: oklch(0.606 0.077 15.2);
}
.element {
color: var(--pomegranate-tea);
background-color: hsl(356 26% 55%);
border-color: oklch(0.606 0.077 15.2);
}Tailwind CSS v4
@theme {
--color-pomegranate-tea: #ab6f73;
--color-pomegranate-tea-50: #ffeded;
--color-pomegranate-tea-100: #ffdedf;
--color-pomegranate-tea-200: #f3c8c8;
--color-pomegranate-tea-300: #dca8a9;
--color-pomegranate-tea-400: #c88c90;
--color-pomegranate-tea-500: #b37176;
--color-pomegranate-tea-600: #976064;
--color-pomegranate-tea-700: #794c4f;
--color-pomegranate-tea-800: #5a373b;
--color-pomegranate-tea-900: #3f2628;
--color-pomegranate-tea-950: #281416;
}SCSS
$pomegranate-tea: #ab6f73;
$pomegranate-tea-rgb: 171, 111, 115;
$pomegranate-tea-light: mix(#fff, $pomegranate-tea, 20%);
$pomegranate-tea-dark: mix(#000, $pomegranate-tea, 20%);
.element {
color: $pomegranate-tea;
box-shadow: 0 0 0 2px rgba($pomegranate-tea, 0.35);
}