Color con nombre más cercano · #B83048
#B83048
Color con nombre más cercano: Chubby Kiss
#B83048 (rgb(184 48 72), hsl(349 59% 45%), oklch(0.525 0.172 15.7)) se parece más al color con nombre Chubby Kiss. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#B83048
oklch(0.525 0.172 15.7)
Conversiones de color
- HEX
- #b83048
- RGB
- rgb(184 48 72)
- HSL
- hsl(349 59% 45%)
- HWB
- hwb(349 19% 28%)
- OKLCH
- oklch(0.525 0.172 15.7)
- OKLab
- oklab(0.525 0.165 0.046)
- CIE Lab
- lab(43.03 55.5 20.28)
- LCH
- lch(43.03 59.09 20.1)
- CMYK
- cmyk(0% 74% 61% 28%)
Tintes · Sombras · Tonos
Tintes
- C24959
- CB5F6A
- D4747C
- DC888D
- E39CA0
- EAAFB2
- F0C3C5
- F6D7D8
- FBEBEB
Sombras
- A0283D
- 882133
- 711A29
- 5B131F
- 450C16
- 31060D
- 1E0306
- 0C0102
- 020000
Tonos
- B43C4E
- B04753
- AB5059
- A6585F
- A16064
- 9C676A
- 966D6F
- 8F7475
- 887A7A
Armonías de color
Complementario +180°
- B83048
Chubby Kiss
- 007A7B
≈ Blue Grass
Análogo -30° +30°
- B83048
Chubby Kiss
- AB357F
≈ Plum Kingdom
- AC4700
≈ Pepperoni
Triádico +120° +240°
- B83048
Chubby Kiss
- 3C7D00
≈ Green People
- 0B68CA
≈ Royal Navy Blue
Complementario dividido +150° +210°
- B83048
Chubby Kiss
- 007E5B
≈ Spanish Viridian
- 007696
≈ Pristine Seas
Tetrádico +90° +180° +270°
- B83048
Chubby Kiss
- 746D00
≈ Bronze Yellow
- 007A7B
≈ Blue Grass
- 6554C7
≈ Circumorbital Ring
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.90:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.55:1 · APCA Lc 23
Mejor color de texto: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--chubby-kiss: #b83048;
--chubby-kiss-rgb: 184 48 72;
--chubby-kiss-oklch: oklch(0.525 0.172 15.7);
}
.element {
color: var(--chubby-kiss);
background-color: hsl(349 59% 45%);
border-color: oklch(0.525 0.172 15.7);
}Tailwind CSS v4
@theme {
--color-chubby-kiss: #b83048;
--color-chubby-kiss-50: #ffe2e3;
--color-chubby-kiss-100: #ffd1d3;
--color-chubby-kiss-200: #ffb6b9;
--color-chubby-kiss-300: #ff9196;
--color-chubby-kiss-400: #f26e7c;
--color-chubby-kiss-500: #e0475f;
--color-chubby-kiss-600: #bd3e51;
--color-chubby-kiss-700: #983140;
--color-chubby-kiss-800: #712230;
--color-chubby-kiss-900: #501721;
--color-chubby-kiss-950: #350710;
}SCSS
$chubby-kiss: #b83048;
$chubby-kiss-rgb: 184, 48, 72;
$chubby-kiss-light: mix(#fff, $chubby-kiss, 20%);
$chubby-kiss-dark: mix(#000, $chubby-kiss, 20%);
.element {
color: $chubby-kiss;
box-shadow: 0 0 0 2px rgba($chubby-kiss, 0.35);
}