Najbliższy nazwany kolor · #CE978F
#CE978F
Najbliższy nazwany kolor: Savoury Salmon
#CE978F (rgb(206 151 143), hsl(8 39% 68%), oklch(0.727 0.068 28.2)) jest najbliższy nazwanemu kolorowi Savoury Salmon. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CE978F
oklch(0.727 0.068 28.2)
Konwersje koloru
- HEX
- #ce978f
- RGB
- rgb(206 151 143)
- HSL
- hsl(8 39% 68%)
- HWB
- hwb(8 56% 19%)
- OKLCH
- oklch(0.727 0.068 28.2)
- OKLab
- oklab(0.727 0.06 0.032)
- CIE Lab
- lab(67.71 20.46 12.78)
- LCH
- lch(67.71 24.13 32)
- CMYK
- cmyk(0% 27% 31% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3A19A
- D9ABA5
- DEB6B0
- E3C0BB
- E8CAC6
- EDD5D1
- F1DFDC
- F6EAE8
- FBF4F3
Odcienie ciemniejsze
- B3837C
- 986F69
- 7F5C57
- 664945
- 4E3734
- 382624
- 231715
- 0F0807
- 020101
Tony
- C6958E
- BE938C
- B7908B
- AF8E89
- A78C88
- 9F8A86
- 988785
- 908583
- 888282
Harmonie kolorów
Komplementarna +180°
- CE978F
Savoury Salmon
- 72B3BD
≈ Glacier
Analogowa -30° +30°
- CE978F
Savoury Salmon
- CB95A6
≈ Honey Pink
- C89D7D
≈ Desert Carnation
Triada +120° +240°
- CE978F
Savoury Salmon
- 8AB38F
≈ Green Bonnet
- 94A6D2
≈ Foresight
Komplementarna rozszczepiona +150° +210°
- CE978F
Savoury Salmon
- 77B5A7
≈ Intracoastal
- 7FADCD
≈ Blue Eyes
Tetrada +90° +180° +270°
- CE978F
Savoury Salmon
- A2AD7D
≈ Fresh Guacamole
- 72B3BD
≈ Glacier
- AC9ECC
≈ Imperial Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.48:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.44:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.44:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--savoury-salmon: #ce978f;
--savoury-salmon-rgb: 206 151 143;
--savoury-salmon-oklch: oklch(0.727 0.068 28.2);
}
.element {
color: var(--savoury-salmon);
background-color: hsl(8 39% 68%);
border-color: oklch(0.727 0.068 28.2);
}Tailwind CSS v4
@theme {
--color-savoury-salmon: #ce978f;
--color-savoury-salmon-50: #ffefea;
--color-savoury-salmon-100: #fee0db;
--color-savoury-salmon-200: #f0cac3;
--color-savoury-salmon-300: #d8aba3;
--color-savoury-salmon-400: #c39088;
--color-savoury-salmon-500: #af756d;
--color-savoury-salmon-600: #94635c;
--color-savoury-salmon-700: #764f4a;
--color-savoury-salmon-800: #583936;
--color-savoury-salmon-900: #3d2725;
--color-savoury-salmon-950: #271513;
}SCSS
$savoury-salmon: #ce978f;
$savoury-salmon-rgb: 206, 151, 143;
$savoury-salmon-light: mix(#fff, $savoury-salmon, 20%);
$savoury-salmon-dark: mix(#000, $savoury-salmon, 20%);
.element {
color: $savoury-salmon;
box-shadow: 0 0 0 2px rgba($savoury-salmon, 0.35);
}