命名颜色 · #CAB68B
Soybean
Soybean 即 #CAB68B：rgb(202 182 139)、hsl(41 37% 67%)、oklch(0.783 0.062 85.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Soybean color name →
#CAB68B
oklch(0.783 0.062 85.9)
颜色转换
- HEX
- #cab68b
- RGB
- rgb(202 182 139)
- HSL
- hsl(41 37% 67%)
- HWB
- hwb(41 55% 21%)
- OKLCH
- oklch(0.783 0.062 85.9)
- OKLab
- oklab(0.783 0.004 0.062)
- CIE Lab
- lab(74.98 2.64 24.71)
- LCH
- lch(74.98 24.85 83.9)
- CMYK
- cmyk(0% 10% 31% 21%)
浅色调 · 深色调 · 灰色调
浅色调
- CFBD97
- D4C4A2
- DACCAE
- DFD3B9
- E4DAC5
- EAE2D0
- EFE9DC
- F4F0E7
- FAF8F3
深色调
- AF9E78
- 958666
- 7C6F54
- 645943
- 4D4432
- 373023
- 221D14
- 0F0C07
- 020201
灰色调
- C2B18A
- BBAB89
- B3A688
- ACA087
- A49B86
- 9D9585
- 969084
- 8E8B83
- 878581
配色和谐
互补色 +180°
- CAB68B
Soybean
- A6B8E1
≈ Teclis Blue
类似色 -30° +30°
- CAB68B
Soybean
- D8AF92
≈ Mellow Buff
- B6BE90
≈ Gloaming Green
三角配色 +120° +240°
- CAB68B
Soybean
- 89C4CC
≈ Angel Blue
- CEABCE
≈ Orchid Bouquet
分裂互补色 +150° +210°
- CAB68B
Soybean
- 92BFDB
≈ Sleeping Easy
- BBB1DC
≈ Moonraker
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黑底
WCAG 10.57:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--soybean: #cab68b;
--soybean-rgb: 202 182 139;
--soybean-oklch: oklch(0.783 0.062 85.9);
}
.element {
color: var(--soybean);
background-color: hsl(41 37% 67%);
border-color: oklch(0.783 0.062 85.9);
}Tailwind CSS v4
@theme {
--color-soybean: #cab68b;
--color-soybean-50: #fdf5e2;
--color-soybean-100: #f0e7d1;
--color-soybean-200: #dfd3b7;
--color-soybean-300: #c5b694;
--color-soybean-400: #af9c74;
--color-soybean-500: #998456;
--color-soybean-600: #816f49;
--color-soybean-700: #67593a;
--color-soybean-800: #4d4129;
--color-soybean-900: #352d1c;
--color-soybean-950: #201a0c;
}SCSS
$soybean: #cab68b;
$soybean-rgb: 202, 182, 139;
$soybean-light: mix(#fff, $soybean, 20%);
$soybean-dark: mix(#000, $soybean, 20%);
.element {
color: $soybean;
box-shadow: 0 0 0 2px rgba($soybean, 0.35);
}