Benannte Farbe · #BF4F51
Bittersweet Shimmer
Bittersweet Shimmer ist #BF4F51: rgb(191 79 81), hsl(359 47% 53%), oklch(0.574 0.145 21.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Bittersweet Shimmer color name →
#BF4F51
oklch(0.574 0.145 21.7)
Farbumrechnungen
- HEX
- #bf4f51
- RGB
- rgb(191 79 81)
- HSL
- hsl(359 47% 53%)
- HWB
- hwb(359 31% 25%)
- OKLCH
- oklch(0.574 0.145 21.7)
- OKLab
- oklab(0.574 0.134 0.054)
- CIE Lab
- lab(49.12 46.02 22.92)
- LCH
- lch(49.12 51.41 26.5)
- CMYK
- cmyk(0% 59% 58% 25%)
Tints · Shades · Tones
Tints
- C76261
- CF7472
- D78583
- DE9694
- E5A8A5
- EBB9B7
- F1CAC8
- F6DCDA
- FBEDED
Shades
- A64445
- 8D383A
- 752E2F
- 5E2324
- 48191A
- 331010
- 1F0707
- 0D0202
- 020000
Tones
- BA5656
- B45C5B
- AF6160
- A96664
- A36B69
- 9D706E
- 967472
- 8F7877
- 887C7B
Farbharmonien
Komplementär +180°
- BF4F51
Bittersweet Shimmer
- 008991
≈ Tuscana Blue
Analog -30° +30°
- BF4F51
Bittersweet Shimmer
- B64F82
≈ Exuberant Pink
- B95B0A
≈ Super Leaf Brown
Triadisch +120° +240°
- BF4F51
Bittersweet Shimmer
- 3F8D37
≈ Resplendent Growth
- 4775CD
≈ Fading Night
Geteilt komplementär +150° +210°
- BF4F51
Bittersweet Shimmer
- 008D71
≈ Observatory
- 0083B1
≈ Tusche Blue
Tetradisch +90° +180° +270°
- BF4F51
Bittersweet Shimmer
- 7B7F00
≈ Verde Tropa
- 008991
≈ Tuscana Blue
- 7B65C6
≈ Ultra Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.71:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.45:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--bittersweet-shimmer: #bf4f51;
--bittersweet-shimmer-rgb: 191 79 81;
--bittersweet-shimmer-oklch: oklch(0.574 0.145 21.7);
}
.element {
color: var(--bittersweet-shimmer);
background-color: hsl(359 47% 53%);
border-color: oklch(0.574 0.145 21.7);
}Tailwind CSS v4
@theme {
--color-bittersweet-shimmer: #bf4f51;
--color-bittersweet-shimmer-50: #ffe6e1;
--color-bittersweet-shimmer-100: #ffd6d1;
--color-bittersweet-shimmer-200: #ffbcb7;
--color-bittersweet-shimmer-300: #f99993;
--color-bittersweet-shimmer-400: #e77978;
--color-bittersweet-shimmer-500: #d5575a;
--color-bittersweet-shimmer-600: #b44b4c;
--color-bittersweet-shimmer-700: #913b3d;
--color-bittersweet-shimmer-800: #6c2a2d;
--color-bittersweet-shimmer-900: #4c1c1e;
--color-bittersweet-shimmer-950: #320c0e;
}SCSS
$bittersweet-shimmer: #bf4f51;
$bittersweet-shimmer-rgb: 191, 79, 81;
$bittersweet-shimmer-light: mix(#fff, $bittersweet-shimmer, 20%);
$bittersweet-shimmer-dark: mix(#000, $bittersweet-shimmer, 20%);
.element {
color: $bittersweet-shimmer;
box-shadow: 0 0 0 2px rgba($bittersweet-shimmer, 0.35);
}