Dichtstbijzijnde benoemde kleur · #B75757
#B75757
Dichtstbijzijnde benoemde kleur: Pimm’s
#B75757 (rgb(183 87 87), hsl(0 40% 53%), oklch(0.575 0.125 21.7)) komt het dichtst bij de benoemde kleur Pimm’s. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B75757
oklch(0.575 0.125 21.7)
Kleurconversies
- HEX
- #b75757
- RGB
- rgb(183 87 87)
- HSL
- hsl(0 40% 53%)
- HWB
- hwb(0 34% 28%)
- OKLCH
- oklch(0.575 0.125 21.7)
- OKLab
- oklab(0.575 0.116 0.046)
- CIE Lab
- lab(49.43 39.67 19.46)
- LCH
- lch(49.43 44.19 26.1)
- CMYK
- cmyk(0% 52% 52% 28%)
Tinten · Schaduwen · Tonen
Tinten
- C06867
- C87977
- D08987
- D89A97
- DFABA8
- E6BBB9
- EDCCCA
- F3DDDC
- F9EEED
Schaduwen
- 9F4B4B
- 873E3E
- 703333
- 5A2727
- 451C1C
- 311212
- 1E0808
- 0C0303
- 020000
Tonen
- B25C5B
- AE6160
- A96564
- A46A68
- 9F6E6C
- 997270
- 937674
- 8D7978
- 877D7C
Kleurharmonieën
Complementair +180°
- B75757
Pimm’s
- 008A91
≈ India Blue
Analoog -30° +30°
- B75757
Pimm’s
- AF5781
≈ Guppy Violet
- B16029
≈ Old Guitar
Triadisch +120° +240°
- B75757
Pimm’s
- 4A8B42
≈ Lush Grass
- 4E77C2
≈ Diva Violet
Gesplitst complementair +150° +210°
- B75757
Pimm’s
- 008E71
≈ Observatory
- 0084B1
≈ Tusche Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.65:1 · APCA Lc 72
Ag
AAOp zwart
WCAG 4.51:1 · APCA Lc 30
Beste tekstkleur: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Codefragmenten
CSS
:root {
--pimm-s: #b75757;
--pimm-s-rgb: 183 87 87;
--pimm-s-oklch: oklch(0.575 0.125 21.7);
}
.element {
color: var(--pimm-s);
background-color: hsl(0 40% 53%);
border-color: oklch(0.575 0.125 21.7);
}Tailwind CSS v4
@theme {
--color-pimm-s: #b75757;
--color-pimm-s-50: #ffe8e4;
--color-pimm-s-100: #ffd8d4;
--color-pimm-s-200: #ffc0bb;
--color-pimm-s-300: #f19e99;
--color-pimm-s-400: #df7f7d;
--color-pimm-s-500: #cc6060;
--color-pimm-s-600: #ac5252;
--color-pimm-s-700: #8a4141;
--color-pimm-s-800: #672e30;
--color-pimm-s-900: #481f21;
--color-pimm-s-950: #2f0f10;
}SCSS
$pimm-s: #b75757;
$pimm-s-rgb: 183, 87, 87;
$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);
}