Benannte Farbe · #F2B7B5
Old Flame
Old Flame ist #F2B7B5: rgb(242 183 181), hsl(2 70% 83%), oklch(0.833 0.069 20.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Old Flame color name →
#F2B7B5
oklch(0.833 0.069 20.9)
Farbumrechnungen
- HEX
- #f2b7b5
- RGB
- rgb(242 183 181)
- HSL
- hsl(2 70% 83%)
- HWB
- hwb(2 71% 5%)
- OKLCH
- oklch(0.833 0.069 20.9)
- OKLab
- oklab(0.833 0.064 0.025)
- CIE Lab
- lab(79.9 21.8 9.78)
- LCH
- lch(79.9 23.89 24.2)
- CMYK
- cmyk(0% 24% 25% 5%)
Tints · Shades · Tones
Tints
- F4BEBC
- F5C5C4
- F7CDCB
- F8D4D2
- FADBDA
- FBE2E1
- FCE9E8
- FDF1F0
- FEF8F7
Shades
- D29F9D
- B48786
- 96706F
- 795A59
- 5E4544
- 433130
- 2B1E1D
- 140C0C
- 030202
Tones
- E6B1B0
- DBACAA
- CFA6A5
- C4A19F
- B89B9A
- AD9695
- A29090
- 968B8A
- 8B8585
Farbharmonien
Komplementär +180°
- F2B7B5
Old Flame
- 92D6DA
≈ Arctic Blue
Analog -30° +30°
- F2B7B5
Old Flame
- ECB6CE
≈ Sweet Lilac
- EEBCA0
≈ Tan Temptation
Triadisch +120° +240°
- F2B7B5
Old Flame
- B0D4AA
≈ Flower Stem
- AFC9F6
≈ Night Snow
Geteilt komplementär +150° +210°
- F2B7B5
Old Flame
- 9BD7C2
≈ Isabella’s Aqua
- 9AD1ED
≈ Sonic Sky
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.71:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.21:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.21:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--old-flame: #f2b7b5;
--old-flame-rgb: 242 183 181;
--old-flame-oklch: oklch(0.833 0.069 20.9);
}
.element {
color: var(--old-flame);
background-color: hsl(2 70% 83%);
border-color: oklch(0.833 0.069 20.9);
}Tailwind CSS v4
@theme {
--color-old-flame: #f2b7b5;
--color-old-flame-50: #ffeeec;
--color-old-flame-100: #fee0dd;
--color-old-flame-200: #f1c9c7;
--color-old-flame-300: #d9aaa7;
--color-old-flame-400: #c48f8d;
--color-old-flame-500: #af7472;
--color-old-flame-600: #946261;
--color-old-flame-700: #774e4d;
--color-old-flame-800: #583939;
--color-old-flame-900: #3d2727;
--color-old-flame-950: #271515;
}SCSS
$old-flame: #f2b7b5;
$old-flame-rgb: 242, 183, 181;
$old-flame-light: mix(#fff, $old-flame, 20%);
$old-flame-dark: mix(#000, $old-flame, 20%);
.element {
color: $old-flame;
box-shadow: 0 0 0 2px rgba($old-flame, 0.35);
}