Colore con nome · #E2B6A7
Smoky Salmon
Smoky Salmon è #E2B6A7: rgb(226 182 167), hsl(15 50% 77%), oklch(0.811 0.055 39.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Smoky Salmon color name →
#E2B6A7
oklch(0.811 0.055 39.7)
Conversioni di colore
- HEX
- #e2b6a7
- RGB
- rgb(226 182 167)
- HSL
- hsl(15 50% 77%)
- HWB
- hwb(15 65% 11%)
- OKLCH
- oklch(0.811 0.055 39.7)
- OKLab
- oklab(0.811 0.043 0.035)
- CIE Lab
- lab(77.76 14.79 14)
- LCH
- lch(77.76 20.37 43.4)
- CMYK
- cmyk(0% 19% 26% 11%)
Tinte · Ombre · Toni
Tinte
- E5BDB0
- E8C4B8
- EBCCC1
- EED3CA
- F1DAD2
- F4E2DB
- F7E9E4
- FAF0ED
- FCF8F6
Ombre
- C49E91
- A8867B
- 8C6F66
- 715952
- 57443E
- 3E302C
- 271D1A
- 120C0A
- 030201
Toni
- D8B1A3
- CEAB9F
- C4A69B
- BAA097
- B09B93
- A79590
- 9D908C
- 938B88
- 8A8584
Armonie di colore
Complementare +180°
- E2B6A7
Smoky Salmon
- 9ACADA
≈ Soothing Blue
Analogo -30° +30°
- E2B6A7
Smoky Salmon
- E2B3B9
≈ Heart’s Content
- D9BC9B
≈ Soft Wheat
Triadico +120° +240°
- E2B6A7
Smoky Salmon
- A3CDB5
≈ Calculus
- B9BEE5
≈ Pretty Posie
Complementare divisa +150° +210°
- E2B6A7
Smoky Salmon
- 98CDC9
≈ Clear Cove
- A7C5E4
≈ Water Wash
Tetradico +90° +180° +270°
- E2B6A7
Smoky Salmon
- B6C9A4
≈ Seacrest
- 9ACADA
≈ Soothing Blue
- CCB8DD
≈ Viking Diva
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.48:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.48:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--smoky-salmon: #e2b6a7;
--smoky-salmon-rgb: 226 182 167;
--smoky-salmon-oklch: oklch(0.811 0.055 39.7);
}
.element {
color: var(--smoky-salmon);
background-color: hsl(15 50% 77%);
border-color: oklch(0.811 0.055 39.7);
}Tailwind CSS v4
@theme {
--color-smoky-salmon: #e2b6a7;
--color-smoky-salmon-50: #fff0e9;
--color-smoky-salmon-100: #f9e2da;
--color-smoky-salmon-200: #eacdc2;
--color-smoky-salmon-300: #d1afa2;
--color-smoky-salmon-400: #bc9486;
--color-smoky-salmon-500: #a77a6b;
--color-smoky-salmon-600: #8d675b;
--color-smoky-salmon-700: #715348;
--color-smoky-salmon-800: #543c35;
--color-smoky-salmon-900: #3a2924;
--color-smoky-salmon-950: #241713;
}SCSS
$smoky-salmon: #e2b6a7;
$smoky-salmon-rgb: 226, 182, 167;
$smoky-salmon-light: mix(#fff, $smoky-salmon, 20%);
$smoky-salmon-dark: mix(#000, $smoky-salmon, 20%);
.element {
color: $smoky-salmon;
box-shadow: 0 0 0 2px rgba($smoky-salmon, 0.35);
}