이름 색상 · #B8CA9D
Sprout
Sprout은(는) #B8CA9D: rgb(184 202 157), hsl(84 30% 70%), oklch(0.814 0.064 125.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Sprout color name →
#B8CA9D
oklch(0.814 0.064 125.5)
색상 변환
- HEX
- #b8ca9d
- RGB
- rgb(184 202 157)
- HSL
- hsl(84 30% 70%)
- HWB
- hwb(84 62% 21%)
- OKLCH
- oklch(0.814 0.064 125.5)
- OKLab
- oklab(0.814 -0.037 0.052)
- CIE Lab
- lab(79.07 -12.22 20.41)
- LCH
- lch(79.07 23.79 120.9)
- CMYK
- cmyk(9% 0% 22% 21%)
틴트 · 셰이드 · 톤
틴트
- BFCFA7
- C6D5B0
- CDDABA
- D4DFC4
- DBE4CE
- E2EAD7
- E9EFE1
- F0F4EB
- F8FAF5
셰이드
- A0AF88
- 889573
- 717C5F
- 5B644C
- 454D3A
- 313728
- 1E2218
- 0C0F09
- 020201
톤
- B2C29A
- ADBB97
- A7B395
- A1AC92
- 9CA48F
- 969D8C
- 909689
- 8B8E86
- 858783
색 조화
보색 +180°
- B8CA9D
Sprout
- CCB8E4
≈ Drifting Dream
유사색 -30° +30°
- B8CA9D
Sprout
- CEC293
≈ Hippolyta
- A1CFB1
≈ Retro Mint
삼각 배색 +120° +240°
- B8CA9D
Sprout
- A0C7EA
≈ Island Light
- E7B1BC
≈ Amazon River Dolphin
분열 보색 +150° +210°
- B8CA9D
Sprout
- B6BFEC
≈ Larkspur Bud
- DDB3D2
≈ Bff
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.97:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.97:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--sprout: #b8ca9d;
--sprout-rgb: 184 202 157;
--sprout-oklch: oklch(0.814 0.064 125.5);
}
.element {
color: var(--sprout);
background-color: hsl(84 30% 70%);
border-color: oklch(0.814 0.064 125.5);
}Tailwind CSS v4
@theme {
--color-sprout: #b8ca9d;
--color-sprout-50: #f0f9e6;
--color-sprout-100: #e2ecd6;
--color-sprout-200: #ccdabd;
--color-sprout-300: #aebe9b;
--color-sprout-400: #95a67c;
--color-sprout-500: #7c8e5f;
--color-sprout-600: #697851;
--color-sprout-700: #546040;
--color-sprout-800: #3e462d;
--color-sprout-900: #2a311f;
--color-sprout-950: #181d0e;
}SCSS
$sprout: #b8ca9d;
$sprout-rgb: 184, 202, 157;
$sprout-light: mix(#fff, $sprout, 20%);
$sprout-dark: mix(#000, $sprout, 20%);
.element {
color: $sprout;
box-shadow: 0 0 0 2px rgba($sprout, 0.35);
}