命名颜色 · #C1B993
Salty Seeds
Salty Seeds 即 #C1B993：rgb(193 185 147)、hsl(50 27% 67%)、oklch(0.783 0.052 97.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Salty Seeds color name →
#C1B993
oklch(0.783 0.052 97.5)
颜色转换
- HEX
- #c1b993
- RGB
- rgb(193 185 147)
- HSL
- hsl(50 27% 67%)
- HWB
- hwb(50 58% 24%)
- OKLCH
- oklch(0.783 0.052 97.5)
- OKLab
- oklab(0.783 -0.007 0.052)
- CIE Lab
- lab(75.09 -1.61 20.44)
- LCH
- lch(75.09 20.51 94.5)
- CMYK
- cmyk(0% 4% 24% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C7C09E
- CDC7A8
- D3CEB3
- D9D5BE
- E0DCC8
- E6E3D3
- ECEADE
- F2F1E9
- F9F8F4
深色调
- A7A07F
- 8F896C
- 777159
- 5F5B47
- 494636
- 343125
- 201E16
- 0E0D08
- 020201
灰色调
- BAB391
- B4AD90
- ADA88E
- A6A28C
- A09C8A
- 999688
- 939186
- 8D8B84
- 868682
配色和谐
互补色 +180°
- C1B993
Salty Seeds
- AFB6DA
≈ Sassy Violet
类似色 -30° +30°
- C1B993
Salty Seeds
- CFB295
≈ Baker’s Bread
- AFBF9B
≈ Garden Pond
三角配色 +120° +240°
- C1B993
Salty Seeds
- 93C1CE
≈ Blue Chalk
- CFACC4
≈ Winsome Orchid
分裂互补色 +150° +210°
- C1B993
Salty Seeds
- 9EBCD9
≈ Wings of Pegasus
- C1B0D3
≈ Vintage Bloom
四角配色 +90° +180° +270°
- C1B993
Salty Seeds
- 92C4BE
≈ Focus Point
- AFB6DA
≈ Sassy Violet
- D7ABB2
≈ Ballet Rose
对比度与无障碍
Ag
Fail白底
WCAG 1.97:1 · APCA Lc 38
Ag
AAA黑底
WCAG 10.62:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.62:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--salty-seeds: #c1b993;
--salty-seeds-rgb: 193 185 147;
--salty-seeds-oklch: oklch(0.783 0.052 97.5);
}
.element {
color: var(--salty-seeds);
background-color: hsl(50 27% 67%);
border-color: oklch(0.783 0.052 97.5);
}Tailwind CSS v4
@theme {
--color-salty-seeds: #c1b993;
--color-salty-seeds-50: #f8f6e5;
--color-salty-seeds-100: #ece9d5;
--color-salty-seeds-200: #d9d5bc;
--color-salty-seeds-300: #bdb89a;
--color-salty-seeds-400: #a79f7c;
--color-salty-seeds-500: #8f875f;
--color-salty-seeds-600: #797250;
--color-salty-seeds-700: #615b40;
--color-salty-seeds-800: #48422e;
--color-salty-seeds-900: #322e1f;
--color-salty-seeds-950: #1e1b0f;
}SCSS
$salty-seeds: #c1b993;
$salty-seeds-rgb: 193, 185, 147;
$salty-seeds-light: mix(#fff, $salty-seeds, 20%);
$salty-seeds-dark: mix(#000, $salty-seeds, 20%);
.element {
color: $salty-seeds;
box-shadow: 0 0 0 2px rgba($salty-seeds, 0.35);
}