이름 색상 · #BAD09D
Fava Bean
Fava Bean은(는) #BAD09D: rgb(186 208 157), hsl(86 35% 72%), oklch(0.828 0.073 126.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Fava Bean color name →
#BAD09D
oklch(0.828 0.073 126.9)
색상 변환
- HEX
- #bad09d
- RGB
- rgb(186 208 157)
- HSL
- hsl(86 35% 72%)
- HWB
- hwb(86 62% 18%)
- OKLCH
- oklch(0.828 0.073 126.9)
- OKLab
- oklab(0.828 -0.044 0.058)
- CIE Lab
- lab(80.84 -14.32 22.83)
- LCH
- lch(80.84 26.95 122.1)
- CMYK
- cmyk(11% 0% 25% 18%)
틴트 · 셰이드 · 톤
틴트
- C1D5A7
- C7D9B1
- CEDEBA
- D5E3C4
- DCE8CE
- E3ECD8
- EAF1E1
- F1F6EB
- F8FAF5
셰이드
- A1B588
- 899A73
- 72805F
- 5C674C
- 464F3A
- 323928
- 1E2318
- 0D1009
- 020201
톤
- B4C89A
- AEC098
- A8B795
- A2AF92
- 9DA78F
- 979F8C
- 919789
- 8B9086
- 868883
색 조화
보색 +180°
- BAD09D
Fava Bean
- D3BBEC
≈ Connecticut Lilac
유사색 -30° +30°
- BAD09D
Fava Bean
- D4C791
≈ Golden Mist
- A0D5B4
≈ Nihilakh Oxide
삼각 배색 +120° +240°
- BAD09D
Fava Bean
- A1CCF4
≈ Baby Blue Eyes
- F1B4BF
≈ Squid Pink
분열 보색 +150° +210°
- BAD09D
Fava Bean
- BAC3F6
≈ Vodka
- E6B5D8
≈ Pink Gems
사각 배색 +90° +180° +270°
- BAD09D
Fava Bean
- 8FD3E6
≈ July
- D3BBEC
≈ Connecticut Lilac
- F2B7A6
≈ Pink Mimosa
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.66:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.59:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.59:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--fava-bean: #bad09d;
--fava-bean-rgb: 186 208 157;
--fava-bean-oklch: oklch(0.828 0.073 126.9);
}
.element {
color: var(--fava-bean);
background-color: hsl(86 35% 72%);
border-color: oklch(0.828 0.073 126.9);
}Tailwind CSS v4
@theme {
--color-fava-bean: #bad09d;
--color-fava-bean-50: #effae4;
--color-fava-bean-100: #e0edd4;
--color-fava-bean-200: #cbdbba;
--color-fava-bean-300: #acbf98;
--color-fava-bean-400: #93a778;
--color-fava-bean-500: #798f5a;
--color-fava-bean-600: #67794d;
--color-fava-bean-700: #52613d;
--color-fava-bean-800: #3d472b;
--color-fava-bean-900: #2a311d;
--color-fava-bean-950: #171d0d;
}SCSS
$fava-bean: #bad09d;
$fava-bean-rgb: 186, 208, 157;
$fava-bean-light: mix(#fff, $fava-bean, 20%);
$fava-bean-dark: mix(#000, $fava-bean, 20%);
.element {
color: $fava-bean;
box-shadow: 0 0 0 2px rgba($fava-bean, 0.35);
}