이름 색상 · #86BA4A
Spring Sprout
Spring Sprout은(는) #86BA4A: rgb(134 186 74), hsl(88 45% 51%), oklch(0.729 0.153 130.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Spring Sprout color name →
#86BA4A
oklch(0.729 0.153 130.4)
색상 변환
- HEX
- #86ba4a
- RGB
- rgb(134 186 74)
- HSL
- hsl(88 45% 51%)
- HWB
- hwb(88 29% 27%)
- OKLCH
- oklch(0.729 0.153 130.4)
- OKLab
- oklab(0.729 -0.099 0.117)
- CIE Lab
- lab(70.12 -31.33 49.54)
- LCH
- lch(70.12 58.62 122.3)
- CMYK
- cmyk(28% 0% 60% 27%)
틴트 · 셰이드 · 톤
틴트
- 92C15F
- 9EC873
- AACF85
- B6D697
- C2DDA8
- CEE4BA
- DAEBCB
- E6F2DC
- F3F8EE
셰이드
- 74A13F
- 628935
- 51722A
- 405C20
- 304617
- 21320E
- 131E06
- 060D02
- 010200
톤
- 86B453
- 85AF5A
- 85A960
- 84A366
- 849D6B
- 839870
- 829275
- 828C79
- 81867C
색 조화
보색 +180°
- 86BA4A
Spring Sprout
- C58AEE
≈ Luminous Lavender
유사색 -30° +30°
- 86BA4A
Spring Sprout
- BDA900
≈ Green Flavour
- 2BC486
≈ Píng Gǔo Lǜ Green
삼각 배색 +120° +240°
- 86BA4A
Spring Sprout
- 59ACFF
≈ Joust Blue
- F77A91
≈ Carnation
분열 보색 +150° +210°
- 86BA4A
Spring Sprout
- 979BFF
≈ Cobalite
- E67EC5
≈ Fuchsia Blush
사각 배색 +90° +180° +270°
- 86BA4A
Spring Sprout
- 00BAE1
≈ Maldives
- C58AEE
≈ Luminous Lavender
- F68258
≈ Bonfire
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.29:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.13:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--spring-sprout: #86ba4a;
--spring-sprout-rgb: 134 186 74;
--spring-sprout-oklch: oklch(0.729 0.153 130.4);
}
.element {
color: var(--spring-sprout);
background-color: hsl(88 45% 51%);
border-color: oklch(0.729 0.153 130.4);
}Tailwind CSS v4
@theme {
--color-spring-sprout: #86ba4a;
--color-spring-sprout-50: #e5ffd2;
--color-spring-sprout-100: #d5f3bf;
--color-spring-sprout-200: #bce39e;
--color-spring-sprout-300: #99c874;
--color-spring-sprout-400: #7fb047;
--color-spring-sprout-500: #629900;
--color-spring-sprout-600: #53810a;
--color-spring-sprout-700: #42680a;
--color-spring-sprout-800: #324c01;
--color-spring-sprout-900: #223502;
--color-spring-sprout-950: #112000;
}SCSS
$spring-sprout: #86ba4a;
$spring-sprout-rgb: 134, 186, 74;
$spring-sprout-light: mix(#fff, $spring-sprout, 20%);
$spring-sprout-dark: mix(#000, $spring-sprout, 20%);
.element {
color: $spring-sprout;
box-shadow: 0 0 0 2px rgba($spring-sprout, 0.35);
}