Nazwany kolor · #E2B6A7
Smoky Salmon
Smoky Salmon to #E2B6A7: rgb(226 182 167), hsl(15 50% 77%), oklch(0.811 0.055 39.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Smoky Salmon color name →
#E2B6A7
oklch(0.811 0.055 39.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5BDB0
- E8C4B8
- EBCCC1
- EED3CA
- F1DAD2
- F4E2DB
- F7E9E4
- FAF0ED
- FCF8F6
Odcienie ciemniejsze
- C49E91
- A8867B
- 8C6F66
- 715952
- 57443E
- 3E302C
- 271D1A
- 120C0A
- 030201
Tony
- D8B1A3
- CEAB9F
- C4A69B
- BAA097
- B09B93
- A79590
- 9D908C
- 938B88
- 8A8584
Harmonie kolorów
Komplementarna +180°
- E2B6A7
Smoky Salmon
- 9ACADA
≈ Soothing Blue
Analogowa -30° +30°
- E2B6A7
Smoky Salmon
- E2B3B9
≈ Heart’s Content
- D9BC9B
≈ Soft Wheat
Triada +120° +240°
- E2B6A7
Smoky Salmon
- A3CDB5
≈ Calculus
- B9BEE5
≈ Pretty Posie
Komplementarna rozszczepiona +150° +210°
- E2B6A7
Smoky Salmon
- 98CDC9
≈ Clear Cove
- A7C5E4
≈ Water Wash
Tetrada +90° +180° +270°
- E2B6A7
Smoky Salmon
- B6C9A4
≈ Seacrest
- 9ACADA
≈ Soothing Blue
- CCB8DD
≈ Viking Diva
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.82:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.48:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.48:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
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);
}