Nazwany kolor · #EDAF9C
Salmon Run
Salmon Run to #EDAF9C: rgb(237 175 156), hsl(14 69% 77%), oklch(0.807 0.078 37.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Salmon Run color name →
#EDAF9C
oklch(0.807 0.078 37.7)
Konwersje koloru
- HEX
- #edaf9c
- RGB
- rgb(237 175 156)
- HSL
- hsl(14 69% 77%)
- HWB
- hwb(14 61% 7%)
- OKLCH
- oklch(0.807 0.078 37.7)
- OKLab
- oklab(0.807 0.062 0.048)
- CIE Lab
- lab(77.03 21.53 19.13)
- LCH
- lch(77.03 28.8 41.6)
- CMYK
- cmyk(0% 26% 34% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFB7A6
- F2BFAF
- F4C7B9
- F6CFC3
- F7D7CD
- F9DFD7
- FBE7E1
- FCEFEB
- FEF7F5
Odcienie ciemniejsze
- CE9887
- B08173
- 936B5F
- 77564C
- 5C4139
- 422E28
- 2A1C18
- 140B09
- 030101
Tony
- E2AA99
- D7A697
- CCA194
- C19C91
- B6988E
- AB938C
- A08E89
- 968986
- 8B8583
Harmonie kolorów
Komplementarna +180°
- EDAF9C
Salmon Run
- 84CDE1
≈ Sky of Ocean
Analogowa -30° +30°
- EDAF9C
Salmon Run
- EDABB6
≈ Princess
- E2B78A
≈ Bundle of Wheat
Triada +120° +240°
- EDAF9C
Salmon Run
- 95D0AD
≈ Heath Green
- B3BCF2
≈ Purple Illusion
Komplementarna rozszczepiona +150° +210°
- EDAF9C
Salmon Run
- 83D1C9
≈ Electro Chill
- 98C5F0
≈ Sail to the Sea
Tetrada +90° +180° +270°
- EDAF9C
Salmon Run
- B2CA94
≈ Garden Spot
- 84CDE1
≈ Sky of Ocean
- CEB3E7
≈ Pretty Petunia
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.87:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.21:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--salmon-run: #edaf9c;
--salmon-run-rgb: 237 175 156;
--salmon-run-oklch: oklch(0.807 0.078 37.7);
}
.element {
color: var(--salmon-run);
background-color: hsl(14 69% 77%);
border-color: oklch(0.807 0.078 37.7);
}Tailwind CSS v4
@theme {
--color-salmon-run: #edaf9c;
--color-salmon-run-50: #ffeee5;
--color-salmon-run-100: #ffe0d5;
--color-salmon-run-200: #f3cabc;
--color-salmon-run-300: #dbab9a;
--color-salmon-run-400: #c78f7d;
--color-salmon-run-500: #b37460;
--color-salmon-run-600: #976252;
--color-salmon-run-700: #794e41;
--color-salmon-run-800: #5a3930;
--color-salmon-run-900: #3f2720;
--color-salmon-run-950: #281510;
}SCSS
$salmon-run: #edaf9c;
$salmon-run-rgb: 237, 175, 156;
$salmon-run-light: mix(#fff, $salmon-run, 20%);
$salmon-run-dark: mix(#000, $salmon-run, 20%);
.element {
color: $salmon-run;
box-shadow: 0 0 0 2px rgba($salmon-run, 0.35);
}