Warna bernama terdekat · #B75758
#B75758
Warna bernama terdekat: Pimm’s
#B75758 (rgb(183 87 88), hsl(359 40% 53%), oklch(0.575 0.125 21.1)) paling mendekati warna bernama Pimm’s. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#B75758
oklch(0.575 0.125 21.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C06868
- C87977
- D08988
- D89A98
- DFABA8
- E6BBB9
- EDCCCA
- F3DDDC
- F9EEED
Shade
- 9F4B4B
- 873E3F
- 703333
- 5A2728
- 451C1D
- 311212
- 1E0809
- 0C0303
- 020000
Tone
- B25C5C
- AE6160
- A96564
- A46A68
- 9F6E6C
- 997270
- 937674
- 8D7978
- 877D7C
Harmoni warna
Komplementer +180°
- B75758
Pimm’s
- 008A91
≈ India Blue
Analog -30° +30°
- B75758
Pimm’s
- AF5782
≈ Guppy Violet
- B2602A
≈ Old Guitar
Triadik +120° +240°
- B75758
Pimm’s
- 4B8B42
≈ Lush Grass
- 4D77C2
≈ Diva Violet
Split-komplementer +150° +210°
- B75758
Pimm’s
- 008E70
≈ Observatory
- 0084B1
≈ Tusche Blue
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.64:1 · APCA Lc 72
Ag
AADi atas hitam
WCAG 4.51:1 · APCA Lc 30
Warna teks terbaik: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Cuplikan kode
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);
}