Colore con nome · #CAB68B
Soybean
Soybean è #CAB68B: rgb(202 182 139), hsl(41 37% 67%), oklch(0.783 0.062 85.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Soybean color name →
#CAB68B
oklch(0.783 0.062 85.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CFBD97
- D4C4A2
- DACCAE
- DFD3B9
- E4DAC5
- EAE2D0
- EFE9DC
- F4F0E7
- FAF8F3
Ombre
- AF9E78
- 958666
- 7C6F54
- 645943
- 4D4432
- 373023
- 221D14
- 0F0C07
- 020201
Toni
- C2B18A
- BBAB89
- B3A688
- ACA087
- A49B86
- 9D9585
- 969084
- 8E8B83
- 878581
Armonie di colore
Complementare +180°
- CAB68B
Soybean
- A6B8E1
≈ Teclis Blue
Analogo -30° +30°
- CAB68B
Soybean
- D8AF92
≈ Mellow Buff
- B6BE90
≈ Gloaming Green
Triadico +120° +240°
- CAB68B
Soybean
- 89C4CC
≈ Angel Blue
- CEABCE
≈ Orchid Bouquet
Complementare divisa +150° +210°
- CAB68B
Soybean
- 92BFDB
≈ Sleeping Easy
- BBB1DC
≈ Moonraker
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.98:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.57:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
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);
}