Colore con nome più vicino · #F2BAAD
#F2BAAD
Colore con nome più vicino: Salmon Glow
#F2BAAD (rgb(242 186 173), hsl(11 73% 81%), oklch(0.836 0.068 33.4)) è più vicino al colore con nome Salmon Glow. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#F2BAAD
oklch(0.836 0.068 33.4)
Conversioni di colore
- HEX
- #f2baad
- RGB
- rgb(242 186 173)
- HSL
- hsl(11 73% 81%)
- HWB
- hwb(11 68% 5%)
- OKLCH
- oklch(0.836 0.068 33.4)
- OKLab
- oklab(0.836 0.057 0.037)
- CIE Lab
- lab(80.45 19.5 14.83)
- LCH
- lch(80.45 24.5 37.2)
- CMYK
- cmyk(0% 23% 29% 5%)
Tinte · Ombre · Toni
Tinte
- F4C1B5
- F5C8BD
- F7CFC5
- F8D6CD
- FADCD6
- FBE3DE
- FCEAE6
- FDF1EE
- FEF8F7
Ombre
- D2A196
- B4897F
- 96726A
- 795C55
- 5E4641
- 43322D
- 2B1E1B
- 140D0B
- 030201
Toni
- E6B4A8
- DBAEA4
- CFA89F
- C4A39B
- B89D96
- AD9792
- A2918D
- 968C89
- 8B8684
Armonie di colore
Complementare +180°
- F2BAAD
Salmon Glow
- 95D5E4
≈ Infinity Pool
Analogo -30° +30°
- F2BAAD
Salmon Glow
- F0B7C5
≈ Chantilly
- EAC09C
≈ Special Peach
Triadico +120° +240°
- F2BAAD
Salmon Glow
- A8D7B5
≈ Frugal
- BBC7F6
≈ Light Periwinkle
Complementare divisa +150° +210°
- F2BAAD
Salmon Glow
- 97D8CE
≈ Sweet Rhapsody
- A4CFF3
≈ Alphabet Blue
Tetradico +90° +180° +270°
- F2BAAD
Salmon Glow
- C0D1A1
≈ Cricket Field
- 95D5E4
≈ Infinity Pool
- D2BFEE
≈ York Plum
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.40:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--salmon-glow: #f2baad;
--salmon-glow-rgb: 242 186 173;
--salmon-glow-oklch: oklch(0.836 0.068 33.4);
}
.element {
color: var(--salmon-glow);
background-color: hsl(11 73% 81%);
border-color: oklch(0.836 0.068 33.4);
}Tailwind CSS v4
@theme {
--color-salmon-glow: #f2baad;
--color-salmon-glow-50: #ffefe8;
--color-salmon-glow-100: #fee1d9;
--color-salmon-glow-200: #f0cbc1;
--color-salmon-glow-300: #d8aca0;
--color-salmon-glow-400: #c39085;
--color-salmon-glow-500: #ae7669;
--color-salmon-glow-600: #936459;
--color-salmon-glow-700: #765047;
--color-salmon-glow-800: #573a34;
--color-salmon-glow-900: #3d2723;
--color-salmon-glow-950: #261512;
}SCSS
$salmon-glow: #f2baad;
$salmon-glow-rgb: 242, 186, 173;
$salmon-glow-light: mix(#fff, $salmon-glow, 20%);
$salmon-glow-dark: mix(#000, $salmon-glow, 20%);
.element {
color: $salmon-glow;
box-shadow: 0 0 0 2px rgba($salmon-glow, 0.35);
}