Benannte Farbe · #B6848C
Lime Pink
Lime Pink ist #B6848C: rgb(182 132 140), hsl(350 26% 62%), oklch(0.665 0.062 8.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Lime Pink color name →
#B6848C
oklch(0.665 0.062 8.3)
Farbumrechnungen
- HEX
- #b6848c
- RGB
- rgb(182 132 140)
- HSL
- hsl(350 26% 62%)
- HWB
- hwb(350 52% 29%)
- OKLCH
- oklch(0.665 0.062 8.3)
- OKLab
- oklab(0.665 0.062 0.009)
- CIE Lab
- lab(60.37 20.67 3.7)
- LCH
- lch(60.37 21 10.1)
- CMYK
- cmyk(0% 27% 23% 29%)
Tints · Shades · Tones
Tints
- BE9097
- C59CA2
- CDA8AD
- D4B4B8
- DBC0C4
- E3CDD0
- EAD9DB
- F1E6E7
- F8F2F3
Shades
- 9E7279
- 866067
- 6F4F55
- 593F43
- 442F33
- 302023
- 1D1214
- 0C0607
- 020101
Tones
- B1848B
- AC838A
- A68388
- A18387
- 9C8286
- 968285
- 918284
- 8B8182
- 868181
Farbharmonien
Komplementär +180°
- B6848C
Lime Pink
- 65A09B
≈ Folk Song
Analog -30° +30°
- B6848C
Lime Pink
- AE85A1
≈ Lavender Herb
- B68778
≈ Big Cypress
Triadisch +120° +240°
- B6848C
Lime Pink
- 889B72
≈ Sweet Florence
- 7697B9
≈ Cotton Cardigan
Geteilt komplementär +150° +210°
- B6848C
Lime Pink
- 73A085
≈ Aquadulce
- 669DAD
≈ Left Bank Blue
Tetradisch +90° +180° +270°
- B6848C
Lime Pink
- 9D9468
≈ Cactus Sand
- 65A09B
≈ Folk Song
- 8A90BA
≈ PHP Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.66:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--lime-pink: #b6848c;
--lime-pink-rgb: 182 132 140;
--lime-pink-oklch: oklch(0.665 0.062 8.3);
}
.element {
color: var(--lime-pink);
background-color: hsl(350 26% 62%);
border-color: oklch(0.665 0.062 8.3);
}Tailwind CSS v4
@theme {
--color-lime-pink: #b6848c;
--color-lime-pink-50: #ffeef1;
--color-lime-pink-100: #fce0e3;
--color-lime-pink-200: #edcace;
--color-lime-pink-300: #d5abb0;
--color-lime-pink-400: #c09097;
--color-lime-pink-500: #ab757e;
--color-lime-pink-600: #90636b;
--color-lime-pink-700: #744f55;
--color-lime-pink-800: #55393f;
--color-lime-pink-900: #3c272b;
--color-lime-pink-950: #251519;
}SCSS
$lime-pink: #b6848c;
$lime-pink-rgb: 182, 132, 140;
$lime-pink-light: mix(#fff, $lime-pink, 20%);
$lime-pink-dark: mix(#000, $lime-pink, 20%);
.element {
color: $lime-pink;
box-shadow: 0 0 0 2px rgba($lime-pink, 0.35);
}