Najbliższy nazwany kolor · #BB575D
#BB575D
Najbliższy nazwany kolor: Pimm’s
#BB575D (rgb(187 87 93), hsl(356 42% 54%), oklch(0.582 0.129 18.3)) jest najbliższy nazwanemu kolorowi Pimm’s. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#BB575D
oklch(0.582 0.129 18.3)
Konwersje koloru
- HEX
- #bb575d
- RGB
- rgb(187 87 93)
- HSL
- hsl(356 42% 54%)
- HWB
- hwb(356 34% 27%)
- OKLCH
- oklch(0.582 0.129 18.3)
- OKLab
- oklab(0.582 0.123 0.041)
- CIE Lab
- lab(50.16 41.56 17)
- LCH
- lch(50.16 44.9 22.2)
- CMYK
- cmyk(0% 53% 50% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3686C
- CC797B
- D38A8B
- DB9A9B
- E2ABAB
- E8BBBB
- EECCCC
- F4DDDD
- FAEEEE
Odcienie ciemniejsze
- A24B50
- 8A3E43
- 733337
- 5C272A
- 461C1F
- 321214
- 1F080A
- 0D0303
- 020000
Tony
- B65C61
- B16164
- AC6668
- A66A6B
- A16E6F
- 9B7272
- 957676
- 8E7979
- 877D7D
Harmonie kolorów
Komplementarna +180°
- BB575D
Pimm’s
- 008C90
≈ Duvall
Analogowa -30° +30°
- BB575D
Pimm’s
- B15888
≈ Dahlia Mauve
- B7602D
≈ Boho Copper
Triada +120° +240°
- BB575D
Pimm’s
- 518C3C
≈ Fiji Palm
- 487BC6
≈ Tufts Blue
Komplementarna rozszczepiona +150° +210°
- BB575D
Pimm’s
- 00916E
≈ Sea Swell
- 0087B0
≈ Stomy Shower
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.53:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.63:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--pimm-s: #bb575d;
--pimm-s-rgb: 187 87 93;
--pimm-s-oklch: oklch(0.582 0.129 18.3);
}
.element {
color: var(--pimm-s);
background-color: hsl(356 42% 54%);
border-color: oklch(0.582 0.129 18.3);
}Tailwind CSS v4
@theme {
--color-pimm-s: #bb575d;
--color-pimm-s-50: #ffe7e6;
--color-pimm-s-100: #ffd8d6;
--color-pimm-s-200: #ffbfbd;
--color-pimm-s-300: #f29c9c;
--color-pimm-s-400: #e07d81;
--color-pimm-s-500: #cd5e65;
--color-pimm-s-600: #ad5055;
--color-pimm-s-700: #8b4044;
--color-pimm-s-800: #682d33;
--color-pimm-s-900: #491f22;
--color-pimm-s-950: #2f0e12;
}SCSS
$pimm-s: #bb575d;
$pimm-s-rgb: 187, 87, 93;
$pimm-s-light: mix(#fff, $pimm-s, 20%);
$pimm-s-dark: mix(#000, $pimm-s, 20%);
.element {
color: $pimm-s;
box-shadow: 0 0 0 2px rgba($pimm-s, 0.35);
}