Màu có tên gần nhất · #CE978F
#CE978F
Màu có tên gần nhất: Savoury Salmon
#CE978F (rgb(206 151 143), hsl(8 39% 68%), oklch(0.727 0.068 28.2)) gần nhất với màu có tên Savoury Salmon. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#CE978F
oklch(0.727 0.068 28.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D3A19A
- D9ABA5
- DEB6B0
- E3C0BB
- E8CAC6
- EDD5D1
- F1DFDC
- F6EAE8
- FBF4F3
Sắc đậm
- B3837C
- 986F69
- 7F5C57
- 664945
- 4E3734
- 382624
- 231715
- 0F0807
- 020101
Sắc xám
- C6958E
- BE938C
- B7908B
- AF8E89
- A78C88
- 9F8A86
- 988785
- 908583
- 888282
Hòa sắc
Bổ túc +180°
- CE978F
Savoury Salmon
- 72B3BD
≈ Glacier
Tương đồng -30° +30°
- CE978F
Savoury Salmon
- CB95A6
≈ Honey Pink
- C89D7D
≈ Desert Carnation
Bộ ba +120° +240°
- CE978F
Savoury Salmon
- 8AB38F
≈ Green Bonnet
- 94A6D2
≈ Foresight
Bổ túc chia +150° +210°
- CE978F
Savoury Salmon
- 77B5A7
≈ Intracoastal
- 7FADCD
≈ Blue Eyes
Bộ bốn +90° +180° +270°
- CE978F
Savoury Salmon
- A2AD7D
≈ Fresh Guacamole
- 72B3BD
≈ Glacier
- AC9ECC
≈ Imperial Lilac
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.48:1 · APCA Lc 49
Ag
AAATrên nền đen
WCAG 8.44:1 · APCA Lc 53
Màu chữ tốt nhất: #000000
WCAG 8.44:1 (AAA) · APCA Lc 53
Contrast pairs
Đoạn mã
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);
}