이름 색상 · #A7FC00
Spring Bud
Spring Bud은(는) #A7FC00: rgb(167 252 0), hsl(80 100% 49%), oklch(0.902 0.243 130). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Spring Bud color name →
#A7FC00
oklch(0.902 0.243 130)
색상 변환
- HEX
- #a7fc00
- RGB
- rgb(167 252 0)
- HSL
- hsl(80 100% 49%)
- HWB
- hwb(80 0% 1%)
- OKLCH
- oklch(0.902 0.243 130)
- OKLab
- oklab(0.902 -0.156 0.186)
- CIE Lab
- lab(90.95 -48.01 85.47)
- LCH
- lch(90.95 98.03 119.3)
- CMYK
- cmyk(34% 0% 100% 1%)
틴트 · 셰이드 · 톤
틴트
- B0FD47
- B9FE66
- C2FF7F
- CBFF94
- D4FFA8
- DDFFBB
- E5FFCC
- EEFFDE
- F6FFEE
셰이드
- 91DB00
- 7BBB00
- 669C00
- 527E00
- 3E6200
- 2C4700
- 1A2D00
- 0A1600
- 010300
톤
- A3EF34
- A0E348
- 9CD656
- 98CA61
- 95BE69
- 91B170
- 8DA575
- 889979
- 848C7D
색 조화
보색 +180°
- A7FC00
Spring Bud
- ECD3FF
≈ Rose Dragée
유사색 -30° +30°
- A7FC00
Spring Bud
- FCE000
≈ Tibetan Yellow
- 6BFFB9
≈ Venice Green
삼각 배색 +120° +240°
- A7FC00
Spring Bud
- C7E2FF
≈ Fresh Water
- FFD1D7
≈ Love Fumes
분열 보색 +150° +210°
- A7FC00
Spring Bud
- D8DCFF
≈ Transparent Blue
- FFCDED
≈ Infra-White
사각 배색 +90° +180° +270°
- A7FC00
Spring Bud
- AAEAFF
≈ Fresh Air
- ECD3FF
≈ Rose Dragée
- FFD4C4
≈ Coral Dune
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.56:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--spring-bud: #a7fc00;
--spring-bud-rgb: 167 252 0;
--spring-bud-oklch: oklch(0.902 0.243 130);
}
.element {
color: var(--spring-bud);
background-color: hsl(80 100% 49%);
border-color: oklch(0.902 0.243 130);
}Tailwind CSS v4
@theme {
--color-spring-bud: #a7fc00;
--color-spring-bud-50: #dbffbc;
--color-spring-bud-100: #caf9a4;
--color-spring-bud-200: #adea78;
--color-spring-bud-300: #87d036;
--color-spring-bud-400: #6bb700;
--color-spring-bud-500: #49a000;
--color-spring-bud-600: #3f8700;
--color-spring-bud-700: #326d00;
--color-spring-bud-800: #284f00;
--color-spring-bud-900: #1b3700;
--color-spring-bud-950: #0b2200;
}SCSS
$spring-bud: #a7fc00;
$spring-bud-rgb: 167, 252, 0;
$spring-bud-light: mix(#fff, $spring-bud, 20%);
$spring-bud-dark: mix(#000, $spring-bud, 20%);
.element {
color: $spring-bud;
box-shadow: 0 0 0 2px rgba($spring-bud, 0.35);
}