이름 색상 · #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);
}