Benannte Farbe · #CAB68B
Soybean
Soybean ist #CAB68B: rgb(202 182 139), hsl(41 37% 67%), oklch(0.783 0.062 85.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Soybean color name →
#CAB68B
oklch(0.783 0.062 85.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- CFBD97
- D4C4A2
- DACCAE
- DFD3B9
- E4DAC5
- EAE2D0
- EFE9DC
- F4F0E7
- FAF8F3
Shades
- AF9E78
- 958666
- 7C6F54
- 645943
- 4D4432
- 373023
- 221D14
- 0F0C07
- 020201
Tones
- C2B18A
- BBAB89
- B3A688
- ACA087
- A49B86
- 9D9585
- 969084
- 8E8B83
- 878581
Farbharmonien
Komplementär +180°
- CAB68B
Soybean
- A6B8E1
≈ Teclis Blue
Analog -30° +30°
- CAB68B
Soybean
- D8AF92
≈ Mellow Buff
- B6BE90
≈ Gloaming Green
Triadisch +120° +240°
- CAB68B
Soybean
- 89C4CC
≈ Angel Blue
- CEABCE
≈ Orchid Bouquet
Geteilt komplementär +150° +210°
- CAB68B
Soybean
- 92BFDB
≈ Sleeping Easy
- BBB1DC
≈ Moonraker
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.57:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
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);
}