가장 가까운 이름 색상 · #8CB768
#8CB768
가장 가까운 이름 색상: Broccoli
#8CB768(rgb(140 183 104), hsl(93 35% 56%), oklch(0.73 0.117 132))와 가장 가까운 이름 색상은 Broccoli입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8CB768
oklch(0.73 0.117 132)
색상 변환
- HEX
- #8cb768
- RGB
- rgb(140 183 104)
- HSL
- hsl(93 35% 56%)
- HWB
- hwb(93 41% 28%)
- OKLCH
- oklch(0.73 0.117 132)
- OKLab
- oklab(0.73 -0.078 0.087)
- CIE Lab
- lab(69.91 -25.38 35.21)
- LCH
- lch(69.91 43.4 125.8)
- CMYK
- cmyk(23% 0% 43% 28%)
틴트 · 셰이드 · 톤
틴트
- 97BE78
- A2C687
- AECD96
- B9D4A5
- C5DBB4
- D0E2C3
- DCEAD2
- E7F1E1
- F3F8F0
셰이드
- 799F59
- 67874B
- 55703E
- 435A30
- 334524
- 233118
- 141E0C
- 070C04
- 010200
톤
- 8BB26B
- 8AAC6F
- 89A771
- 88A174
- 869C77
- 859679
- 84917B
- 838B7D
- 81867E
색 조화
보색 +180°
- 8CB768
Broccoli
- C092DD
≈ Bright Lavender
유사색 -30° +30°
- 8CB768
Broccoli
- B6AA4B
≈ Dill Green
- 59BE91
≈ Techno Turquoise
삼각 배색 +120° +240°
- 8CB768
Broccoli
- 6FACEF
≈ Blue Jeans
- E78894
≈ Strawberry Ice
분열 보색 +150° +210°
- 8CB768
Broccoli
- 9C9EEF
≈ Cold Lips
- DA89BC
≈ Cyclamen
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.31:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.08:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.08:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--broccoli: #8cb768;
--broccoli-rgb: 140 183 104;
--broccoli-oklch: oklch(0.73 0.117 132);
}
.element {
color: var(--broccoli);
background-color: hsl(93 35% 56%);
border-color: oklch(0.73 0.117 132);
}Tailwind CSS v4
@theme {
--color-broccoli: #8cb768;
--color-broccoli-50: #e8fddb;
--color-broccoli-100: #d8f1ca;
--color-broccoli-200: #c0e0ad;
--color-broccoli-300: #9fc588;
--color-broccoli-400: #84ad63;
--color-broccoli-500: #68963e;
--color-broccoli-600: #597f36;
--color-broccoli-700: #47652b;
--color-broccoli-800: #354a1c;
--color-broccoli-900: #243312;
--color-broccoli-950: #131f04;
}SCSS
$broccoli: #8cb768;
$broccoli-rgb: 140, 183, 104;
$broccoli-light: mix(#fff, $broccoli, 20%);
$broccoli-dark: mix(#000, $broccoli, 20%);
.element {
color: $broccoli;
box-shadow: 0 0 0 2px rgba($broccoli, 0.35);
}