Najbliższy nazwany kolor · #B83048
#B83048
Najbliższy nazwany kolor: Chubby Kiss
#B83048 (rgb(184 48 72), hsl(349 59% 45%), oklch(0.525 0.172 15.7)) jest najbliższy nazwanemu kolorowi Chubby Kiss. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B83048
oklch(0.525 0.172 15.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C24959
- CB5F6A
- D4747C
- DC888D
- E39CA0
- EAAFB2
- F0C3C5
- F6D7D8
- FBEBEB
Odcienie ciemniejsze
- A0283D
- 882133
- 711A29
- 5B131F
- 450C16
- 31060D
- 1E0306
- 0C0102
- 020000
Tony
- B43C4E
- B04753
- AB5059
- A6585F
- A16064
- 9C676A
- 966D6F
- 8F7475
- 887A7A
Harmonie kolorów
Komplementarna +180°
- B83048
Chubby Kiss
- 007A7B
≈ Blue Grass
Analogowa -30° +30°
- B83048
Chubby Kiss
- AB357F
≈ Plum Kingdom
- AC4700
≈ Pepperoni
Triada +120° +240°
- B83048
Chubby Kiss
- 3C7D00
≈ Green People
- 0B68CA
≈ Royal Navy Blue
Komplementarna rozszczepiona +150° +210°
- B83048
Chubby Kiss
- 007E5B
≈ Spanish Viridian
- 007696
≈ Pristine Seas
Tetrada +90° +180° +270°
- B83048
Chubby Kiss
- 746D00
≈ Bronze Yellow
- 007A7B
≈ Blue Grass
- 6554C7
≈ Circumorbital Ring
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.90:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.55:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}