Benannte Farbe · #B55A63
Pink Flame
Pink Flame ist #B55A63: rgb(181 90 99), hsl(354 38% 53%), oklch(0.58 0.118 15.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pink Flame color name →
#B55A63
oklch(0.58 0.118 15.3)
Farbumrechnungen
- HEX
- #b55a63
- RGB
- rgb(181 90 99)
- HSL
- hsl(354 38% 53%)
- HWB
- hwb(354 35% 29%)
- OKLCH
- oklch(0.58 0.118 15.3)
- OKLab
- oklab(0.58 0.114 0.031)
- CIE Lab
- lab(49.94 38.27 12.94)
- LCH
- lch(49.94 40.4 18.7)
- CMYK
- cmyk(0% 50% 45% 29%)
Tints · Shades · Tones
Tints
- BE6B71
- C67B80
- CE8B8F
- D69B9F
- DEACAE
- E5BCBE
- ECCDCE
- F3DDDE
- F9EEEE
Shades
- 9D4D55
- 864147
- 6F353A
- 59292E
- 441E21
- 301316
- 1D090B
- 0C0303
- 020000
Tones
- B15F66
- AC6369
- A7676C
- A26B6F
- 9D6F72
- 987375
- 927677
- 8D7A7A
- 867D7D
Farbharmonien
Komplementär +180°
- B55A63
Pink Flame
- 008C8D
≈ Egyptian Teal
Analog -30° +30°
- B55A63
Pink Flame
- AB5B8A
≈ Dahlia Mauve
- B2613A
≈ Fudgesicle
Triadisch +120° +240°
- B55A63
Pink Flame
- 5A893E
≈ Golf Day
- 477CBF
≈ Parkwater
Geteilt komplementär +150° +210°
- B55A63
Pink Flame
- 109069
≈ Sea Swell
- 0087AB
≈ Tiny Bubbles
Tetradisch +90° +180° +270°
- B55A63
Pink Flame
- 857D12
≈ Olive
- 008C8D
≈ Egyptian Teal
- 746FBD
≈ Purple Toolbox
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.55:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.60:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.60:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--pink-flame: #b55a63;
--pink-flame-rgb: 181 90 99;
--pink-flame-oklch: oklch(0.58 0.118 15.3);
}
.element {
color: var(--pink-flame);
background-color: hsl(354 38% 53%);
border-color: oklch(0.58 0.118 15.3);
}Tailwind CSS v4
@theme {
--color-pink-flame: #b55a63;
--color-pink-flame-50: #ffe8e9;
--color-pink-flame-100: #ffd9da;
--color-pink-flame-200: #ffc0c2;
--color-pink-flame-300: #ee9fa1;
--color-pink-flame-400: #db8087;
--color-pink-flame-500: #c8626c;
--color-pink-flame-600: #a9535c;
--color-pink-flame-700: #884249;
--color-pink-flame-800: #652f36;
--color-pink-flame-900: #472025;
--color-pink-flame-950: #2e0f14;
}SCSS
$pink-flame: #b55a63;
$pink-flame-rgb: 181, 90, 99;
$pink-flame-light: mix(#fff, $pink-flame, 20%);
$pink-flame-dark: mix(#000, $pink-flame, 20%);
.element {
color: $pink-flame;
box-shadow: 0 0 0 2px rgba($pink-flame, 0.35);
}