Nearest named color · #B75758
#B75758
Nearest named color: Pimm’s
#B75758 (rgb(183 87 88), hsl(359 40% 53%), oklch(0.575 0.125 21.1)) is closest to the named color Pimm’s. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B75758
oklch(0.575 0.125 21.1)
Color conversions
- HEX
- #b75758
- RGB
- rgb(183 87 88)
- HSL
- hsl(359 40% 53%)
- HWB
- hwb(359 34% 28%)
- OKLCH
- oklch(0.575 0.125 21.1)
- OKLab
- oklab(0.575 0.116 0.045)
- CIE Lab
- lab(49.45 39.74 18.89)
- LCH
- lch(49.45 44 25.4)
- CMYK
- cmyk(0% 52% 52% 28%)
Tints · Shades · Tones
Tints
- C06868
- C87977
- D08988
- D89A98
- DFABA8
- E6BBB9
- EDCCCA
- F3DDDC
- F9EEED
Shades
- 9F4B4B
- 873E3F
- 703333
- 5A2728
- 451C1D
- 311212
- 1E0809
- 0C0303
- 020000
Tones
- B25C5C
- AE6160
- A96564
- A46A68
- 9F6E6C
- 997270
- 937674
- 8D7978
- 877D7C
Color harmonies
Complementary +180°
- B75758
Pimm’s
- 008A91
≈ India Blue
Analogous -30° +30°
- B75758
Pimm’s
- AF5782
≈ Guppy Violet
- B2602A
≈ Old Guitar
Triadic +120° +240°
- B75758
Pimm’s
- 4B8B42
≈ Lush Grass
- 4D77C2
≈ Diva Violet
Split-complementary +150° +210°
- B75758
Pimm’s
- 008E70
≈ Observatory
- 0084B1
≈ Tusche Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.64:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.51:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--pimm-s: #b75758;
--pimm-s-rgb: 183 87 88;
--pimm-s-oklch: oklch(0.575 0.125 21.1);
}
.element {
color: var(--pimm-s);
background-color: hsl(359 40% 53%);
border-color: oklch(0.575 0.125 21.1);
}Tailwind CSS v4
@theme {
--color-pimm-s: #b75758;
--color-pimm-s-50: #ffe8e4;
--color-pimm-s-100: #ffd8d4;
--color-pimm-s-200: #ffc0bb;
--color-pimm-s-300: #f19e99;
--color-pimm-s-400: #de7f7e;
--color-pimm-s-500: #cc6061;
--color-pimm-s-600: #ac5253;
--color-pimm-s-700: #8a4142;
--color-pimm-s-800: #672e31;
--color-pimm-s-900: #481f21;
--color-pimm-s-950: #2f0f10;
}SCSS
$pimm-s: #b75758;
$pimm-s-rgb: 183, 87, 88;
$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);
}