Cor nomeada · #B3446C
Irresistible
Irresistible é #B3446C: rgb(179 68 108), hsl(338 45% 48%), oklch(0.548 0.149 0.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Irresistible color name →
#B3446C
oklch(0.548 0.149 0.9)
Conversões de cor
- HEX
- #b3446c
- RGB
- rgb(179 68 108)
- HSL
- hsl(338 45% 48%)
- HWB
- hwb(338 27% 30%)
- OKLCH
- oklch(0.548 0.149 0.9)
- OKLab
- oklab(0.548 0.149 0.002)
- CIE Lab
- lab(45.75 48.49 1.58)
- LCH
- lch(45.75 48.51 1.9)
- CMYK
- cmyk(0% 62% 40% 30%)
Tons claros · Sombras · Tons
Tons claros
- BD587A
- C66B87
- CE7D96
- D790A4
- DEA2B3
- E6B4C2
- EDC7D1
- F3D9E0
- F9ECEF
Sombras
- 9B3A5D
- 84304E
- 6E2640
- 581D32
- 431425
- 2F0C19
- 1D050D
- 0C0204
- 010000
Tons
- AF4C6E
- AB5370
- A75A72
- A26074
- 9D6676
- 986B78
- 93717A
- 8D767C
- 877B7E
Harmonias de cor
Complementar +180°
- B3446C
Irresistible
- 008374
≈ Summer Turquoise
Análoga -30° +30°
- B3446C
Irresistible
- A04B98
≈ Hyacinth Violet
- B84837
≈ Vermilion Red
Tríade +120° +240°
- B3446C
Irresistible
- 667C00
≈ Birch Leaf Green
- 0078B4
≈ Americana
Complementar dividida +150° +210°
- B3446C
Irresistible
- 008840
≈ The Wild Apothecary
- 007F90
≈ Briny
Tétrade +90° +180° +270°
- B3446C
Irresistible
- 8A6E00
≈ Vermin Brown
- 008374
≈ Summer Turquoise
- 5268C7
≈ Borage Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.30:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.96:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.30:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--irresistible: #b3446c;
--irresistible-rgb: 179 68 108;
--irresistible-oklch: oklch(0.548 0.149 0.9);
}
.element {
color: var(--irresistible);
background-color: hsl(338 45% 48%);
border-color: oklch(0.548 0.149 0.9);
}Tailwind CSS v4
@theme {
--color-irresistible: #b3446c;
--color-irresistible-50: #ffe4f1;
--color-irresistible-100: #ffd4e3;
--color-irresistible-200: #ffbace;
--color-irresistible-300: #f796b0;
--color-irresistible-400: #e47699;
--color-irresistible-500: #d15480;
--color-irresistible-600: #b1486d;
--color-irresistible-700: #8e3957;
--color-irresistible-800: #692841;
--color-irresistible-900: #4a1b2d;
--color-irresistible-950: #300b1a;
}SCSS
$irresistible: #b3446c;
$irresistible-rgb: 179, 68, 108;
$irresistible-light: mix(#fff, $irresistible, 20%);
$irresistible-dark: mix(#000, $irresistible, 20%);
.element {
color: $irresistible;
box-shadow: 0 0 0 2px rgba($irresistible, 0.35);
}