이름 색상 · #ACBF93
Bavarian Hops
Bavarian Hops은(는) #ACBF93: rgb(172 191 147), hsl(86 26% 66%), oklch(0.779 0.064 126.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Bavarian Hops color name →
#ACBF93
oklch(0.779 0.064 126.8)
색상 변환
- HEX
- #acbf93
- RGB
- rgb(172 191 147)
- HSL
- hsl(86 26% 66%)
- HWB
- hwb(86 58% 25%)
- OKLCH
- oklch(0.779 0.064 126.8)
- OKLab
- oklab(0.779 -0.038 0.051)
- CIE Lab
- lab(75.01 -12.59 20.01)
- LCH
- lch(75.01 23.64 122.2)
- CMYK
- cmyk(10% 0% 23% 25%)
틴트 · 셰이드 · 톤
틴트
- B4C59E
- BCCCA8
- C4D2B3
- CCD8BE
- D5DFC8
- DDE5D3
- E5ECDE
- EEF2E9
- F6F9F4
셰이드
- 95A67F
- 7F8D6C
- 697559
- 545E47
- 404836
- 2D3325
- 1B1F16
- 0B0D08
- 010201
톤
- A8B991
- A3B290
- 9FAC8E
- 9AA58C
- 969F8A
- 919988
- 8D9386
- 898C84
- 848682
색 조화
보색 +180°
- ACBF93
Bavarian Hops
- C1ADD8
≈ Purple Gladiola
유사색 -30° +30°
- ACBF93
Bavarian Hops
- C2B889
≈ Bakelite Yellow
- 96C4A7
≈ Mini Green
삼각 배색 +120° +240°
- ACBF93
Bavarian Hops
- 96BBDE
≈ Rainy Week
- DCA6B0
≈ Prom
분열 보색 +150° +210°
- ACBF93
Bavarian Hops
- ACB4E0
≈ Sassy Violet
- D2A8C6
≈ Heart to Heart
사각 배색 +90° +180° +270°
- ACBF93
Bavarian Hops
- 88C2D2
≈ Dreaming Blue
- C1ADD8
≈ Purple Gladiola
- DCA99A
≈ Perrigloss Tan
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.62:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.62:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--bavarian-hops: #acbf93;
--bavarian-hops-rgb: 172 191 147;
--bavarian-hops-oklch: oklch(0.779 0.064 126.8);
}
.element {
color: var(--bavarian-hops);
background-color: hsl(86 26% 66%);
border-color: oklch(0.779 0.064 126.8);
}Tailwind CSS v4
@theme {
--color-bavarian-hops: #acbf93;
--color-bavarian-hops-50: #eff9e6;
--color-bavarian-hops-100: #e1ecd6;
--color-bavarian-hops-200: #ccdabd;
--color-bavarian-hops-300: #adbe9c;
--color-bavarian-hops-400: #94a67d;
--color-bavarian-hops-500: #7b8e60;
--color-bavarian-hops-600: #687852;
--color-bavarian-hops-700: #536041;
--color-bavarian-hops-800: #3d462e;
--color-bavarian-hops-900: #2a311f;
--color-bavarian-hops-950: #181d0f;
}SCSS
$bavarian-hops: #acbf93;
$bavarian-hops-rgb: 172, 191, 147;
$bavarian-hops-light: mix(#fff, $bavarian-hops, 20%);
$bavarian-hops-dark: mix(#000, $bavarian-hops, 20%);
.element {
color: $bavarian-hops;
box-shadow: 0 0 0 2px rgba($bavarian-hops, 0.35);
}