Nazwany kolor · #FEDDC5
Salmon Creek
Salmon Creek to #FEDDC5: rgb(254 221 197), hsl(25 97% 88%), oklch(0.919 0.049 58.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Salmon Creek color name →
#FEDDC5
oklch(0.919 0.049 58.1)
Konwersje koloru
- HEX
- #feddc5
- RGB
- rgb(254 221 197)
- HSL
- hsl(25 97% 88%)
- HWB
- hwb(25 77% 0%)
- OKLCH
- oklch(0.919 0.049 58.1)
- OKLab
- oklab(0.919 0.026 0.041)
- CIE Lab
- lab(90.45 9.14 16.26)
- LCH
- lch(90.45 18.65 60.6)
- CMYK
- cmyk(0% 13% 22% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FEE0CB
- FEE4D1
- FFE7D6
- FFEBDC
- FFEEE2
- FFF1E8
- FFF5EE
- FFF8F3
- FFFCF9
Odcienie ciemniejsze
- DDC0AB
- BDA492
- 9E8879
- 806E61
- 63554B
- 473D35
- 2D2621
- 16110E
- 030202
Tony
- F1D3BE
- E4CAB7
- D7C0B0
- CAB7A9
- BDADA2
- B1A49B
- A49B94
- 98928E
- 8C8987
Harmonie kolorów
Komplementarna +180°
- FEDDC5
Salmon Creek
- CAE9FF
≈ Blue Java Banana
Analogowa -30° +30°
- FEDDC5
Salmon Creek
- FFDAD5
≈ Forgotten Pink
- F2E3C0
≈ Egg Noodle
Triada +120° +240°
- FEDDC5
Salmon Creek
- C3EFE4
≈ Light Water Wings
- E7DEFF
≈ Lavender Savour
Komplementarna rozszczepiona +150° +210°
- FEDDC5
Salmon Creek
- BFEEF5
≈ Icy Breeze
- D9E4FF
≈ Stoic White
Tetrada +90° +180° +270°
- FEDDC5
Salmon Creek
- CFEED2
≈ Kiwi Squeeze
- CAE9FF
≈ Blue Java Banana
- F7D9F5
≈ Grape Taffy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.36:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--salmon-creek: #feddc5;
--salmon-creek-rgb: 254 221 197;
--salmon-creek-oklch: oklch(0.919 0.049 58.1);
}
.element {
color: var(--salmon-creek);
background-color: hsl(25 97% 88%);
border-color: oklch(0.919 0.049 58.1);
}Tailwind CSS v4
@theme {
--color-salmon-creek: #feddc5;
--color-salmon-creek-50: #fff2e8;
--color-salmon-creek-100: #f5e5d8;
--color-salmon-creek-200: #e5d0c0;
--color-salmon-creek-300: #cbb29f;
--color-salmon-creek-400: #b59882;
--color-salmon-creek-500: #9f7f66;
--color-salmon-creek-600: #876b57;
--color-salmon-creek-700: #6c5645;
--color-salmon-creek-800: #503e32;
--color-salmon-creek-900: #382b22;
--color-salmon-creek-950: #221811;
}SCSS
$salmon-creek: #feddc5;
$salmon-creek-rgb: 254, 221, 197;
$salmon-creek-light: mix(#fff, $salmon-creek, 20%);
$salmon-creek-dark: mix(#000, $salmon-creek, 20%);
.element {
color: $salmon-creek;
box-shadow: 0 0 0 2px rgba($salmon-creek, 0.35);
}