Colore con nome · #F2B7B5
Old Flame
Old Flame è #F2B7B5: rgb(242 183 181), hsl(2 70% 83%), oklch(0.833 0.069 20.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Old Flame color name →
#F2B7B5
oklch(0.833 0.069 20.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F4BEBC
- F5C5C4
- F7CDCB
- F8D4D2
- FADBDA
- FBE2E1
- FCE9E8
- FDF1F0
- FEF8F7
Ombre
- D29F9D
- B48786
- 96706F
- 795A59
- 5E4544
- 433130
- 2B1E1D
- 140C0C
- 030202
Toni
- E6B1B0
- DBACAA
- CFA6A5
- C4A19F
- B89B9A
- AD9695
- A29090
- 968B8A
- 8B8585
Armonie di colore
Complementare +180°
- F2B7B5
Old Flame
- 92D6DA
≈ Arctic Blue
Analogo -30° +30°
- F2B7B5
Old Flame
- ECB6CE
≈ Sweet Lilac
- EEBCA0
≈ Tan Temptation
Triadico +120° +240°
- F2B7B5
Old Flame
- B0D4AA
≈ Flower Stem
- AFC9F6
≈ Night Snow
Complementare divisa +150° +210°
- F2B7B5
Old Flame
- 9BD7C2
≈ Isabella’s Aqua
- 9AD1ED
≈ Sonic Sky
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.21:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.21:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
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);
}