이름 색상 · #BFD392
Spring Has Sprung
Spring Has Sprung은(는) #BFD392: rgb(191 211 146), hsl(78 42% 70%), oklch(0.836 0.089 122.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Spring Has Sprung color name →
#BFD392
oklch(0.836 0.089 122.2)
색상 변환
- HEX
- #bfd392
- RGB
- rgb(191 211 146)
- HSL
- hsl(78 42% 70%)
- HWB
- hwb(78 57% 17%)
- OKLCH
- oklch(0.836 0.089 122.2)
- OKLab
- oklab(0.836 -0.047 0.075)
- CIE Lab
- lab(81.86 -15.03 29.92)
- LCH
- lch(81.86 33.48 116.7)
- CMYK
- cmyk(9% 0% 31% 17%)
틴트 · 셰이드 · 톤
틴트
- C5D79D
- CBDCA8
- D2E0B3
- D8E5BE
- DEE9C9
- E5EED4
- EBF2DF
- F2F6E9
- F8FBF4
셰이드
- A6B77E
- 8D9C6B
- 758258
- 5E6946
- 485135
- 333A25
- 1F2416
- 0D1008
- 020201
톤
- B8CA91
- B2C28F
- ACBA8E
- A5B18C
- 9FA98A
- 99A188
- 929886
- 8C9084
- 868882
색 조화
보색 +180°
- BFD392
Spring Has Sprung
- D4BCFA
≈ Pink Illusion
유사색 -30° +30°
- BFD392
Spring Has Sprung
- DEC885
≈ 24 Karat
- 9DDAAD
≈ Dead 99
삼각 배색 +120° +240°
- BFD392
Spring Has Sprung
- 95D1FF
≈ Long Island Sound
- FBB1C4
≈ Soft Pink
분열 보색 +150° +210°
- BFD392
Spring Has Sprung
- B7C7FF
≈ Light Periwinkle
- ECB4E3
≈ Pink Drink
사각 배색 +90° +180° +270°
- BFD392
Spring Has Sprung
- 80D9EB
≈ Medium Sky Blue
- D4BCFA
≈ Pink Illusion
- FEB4A5
≈ Washed-Out Crimson
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.62:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.94:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.94:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--spring-has-sprung: #bfd392;
--spring-has-sprung-rgb: 191 211 146;
--spring-has-sprung-oklch: oklch(0.836 0.089 122.2);
}
.element {
color: var(--spring-has-sprung);
background-color: hsl(78 42% 70%);
border-color: oklch(0.836 0.089 122.2);
}Tailwind CSS v4
@theme {
--color-spring-has-sprung: #bfd392;
--color-spring-has-sprung-50: #effadf;
--color-spring-has-sprung-100: #e1edcd;
--color-spring-has-sprung-200: #ccdbb2;
--color-spring-has-sprung-300: #aec08e;
--color-spring-has-sprung-400: #95a76b;
--color-spring-has-sprung-500: #7c904a;
--color-spring-has-sprung-600: #69793f;
--color-spring-has-sprung-700: #546132;
--color-spring-has-sprung-800: #3e4722;
--color-spring-has-sprung-900: #2b3117;
--color-spring-has-sprung-950: #181d08;
}SCSS
$spring-has-sprung: #bfd392;
$spring-has-sprung-rgb: 191, 211, 146;
$spring-has-sprung-light: mix(#fff, $spring-has-sprung, 20%);
$spring-has-sprung-dark: mix(#000, $spring-has-sprung, 20%);
.element {
color: $spring-has-sprung;
box-shadow: 0 0 0 2px rgba($spring-has-sprung, 0.35);
}