이름 색상 · #79B465
Bud Green
Bud Green은(는) #79B465: rgb(121 180 101), hsl(105 34% 55%), oklch(0.71 0.126 138.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Bud Green color name →
#79B465
oklch(0.71 0.126 138.2)
색상 변환
- HEX
- #79b465
- RGB
- rgb(121 180 101)
- HSL
- hsl(105 34% 55%)
- HWB
- hwb(105 40% 29%)
- OKLCH
- oklch(0.71 0.126 138.2)
- OKLab
- oklab(0.71 -0.094 0.084)
- CIE Lab
- lab(67.85 -31.18 33.86)
- LCH
- lch(67.85 46.03 132.6)
- CMYK
- cmyk(33% 0% 44% 29%)
틴트 · 셰이드 · 톤
틴트
- 86BC75
- 94C384
- A1CB94
- AED2A3
- BCDAB2
- C9E1C1
- D6E9D1
- E4F0E0
- F1F8EF
셰이드
- 689C57
- 588549
- 486E3C
- 39582F
- 2B4422
- 1D3017
- 101D0C
- 050C03
- 010200
톤
- 7AAF69
- 7BAA6C
- 7CA56F
- 7D9F72
- 7E9A75
- 7F9577
- 7F907A
- 808B7C
- 80857E
색 조화
보색 +180°
- 79B465
Bud Green
- C287D4
≈ Purception
유사색 -30° +30°
- 79B465
Bud Green
- A9A73F
≈ Delightful Camouflage
- 3ABA93
≈ Mountain Meadow
삼각 배색 +120° +240°
- 79B465
Bud Green
- 6FA3EF
≈ Feather Star
- E57F83
≈ Sugar Poppy
분열 보색 +150° +210°
- 79B465
Bud Green
- 9E94EB
≈ Dull Lavender
- DB80AF
≈ Middle Purple
사각 배색 +90° +180° +270°
- 79B465
Bud Green
- 31B0DF
≈ Summer Sky
- C287D4
≈ Purception
- E08858
≈ Schnipo
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.52:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--bud-green: #79b465;
--bud-green-rgb: 121 180 101;
--bud-green-oklch: oklch(0.71 0.126 138.2);
}
.element {
color: var(--bud-green);
background-color: hsl(105 34% 55%);
border-color: oklch(0.71 0.126 138.2);
}Tailwind CSS v4
@theme {
--color-bud-green: #79b465;
--color-bud-green-50: #e3ffdd;
--color-bud-green-100: #d2f3cb;
--color-bud-green-200: #b8e2af;
--color-bud-green-300: #95c88a;
--color-bud-green-400: #78b065;
--color-bud-green-500: #599942;
--color-bud-green-600: #4c8139;
--color-bud-green-700: #3c682d;
--color-bud-green-800: #2d4c1d;
--color-bud-green-900: #1e3513;
--color-bud-green-950: #0e2005;
}SCSS
$bud-green: #79b465;
$bud-green-rgb: 121, 180, 101;
$bud-green-light: mix(#fff, $bud-green, 20%);
$bud-green-dark: mix(#000, $bud-green, 20%);
.element {
color: $bud-green;
box-shadow: 0 0 0 2px rgba($bud-green, 0.35);
}