이름 색상 · #ACDDAF
Big Spender
Big Spender은(는) #ACDDAF: rgb(172 221 175), hsl(124 42% 77%), oklch(0.851 0.081 146.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Big Spender color name →
#ACDDAF
oklch(0.851 0.081 146.4)
색상 변환
- HEX
- #acddaf
- RGB
- rgb(172 221 175)
- HSL
- hsl(124 42% 77%)
- HWB
- hwb(124 67% 13%)
- OKLCH
- oklch(0.851 0.081 146.4)
- OKLab
- oklab(0.851 -0.068 0.045)
- CIE Lab
- lab(83.76 -23.11 17.28)
- LCH
- lch(83.76 28.86 143.2)
- CMYK
- cmyk(22% 0% 21% 13%)
틴트 · 셰이드 · 톤
틴트
- B4E0B7
- BDE4BF
- C5E7C7
- CDEBCF
- D6EED7
- DEF2DF
- E6F5E7
- EFF8EF
- F7FCF7
셰이드
- 95C098
- 7FA481
- 69886B
- 546E56
- 405541
- 2D3D2E
- 1B261C
- 0B110B
- 010201
톤
- A8D3AA
- A3CAA6
- 9FC0A1
- 9BB79C
- 96AE98
- 92A493
- 8E9B8E
- 899289
- 858985
색 조화
보색 +180°
- ACDDAF
Big Spender
- EBBCEB
≈ Lovecloud
유사색 -30° +30°
- ACDDAF
Big Spender
- CAD598
≈ Pistachio Cream
- 93E0CC
≈ Beach Glass
삼각 배색 +120° +240°
- ACDDAF
Big Spender
- B8CEFF
≈ Ice Cold Stare
- FFBAB2
≈ Mexican Milk
분열 보색 +150° +210°
- ACDDAF
Big Spender
- D3C4FE
≈ Innocent Snowdrop
- FAB8CF
≈ Little Baby Girl
사각 배색 +90° +180° +270°
- ACDDAF
Big Spender
- 9AD7FD
≈ Shiva Blue
- EBBCEB
≈ Lovecloud
- F8C19B
≈ Almond Cream
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.71:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.71:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--big-spender: #acddaf;
--big-spender-rgb: 172 221 175;
--big-spender-oklch: oklch(0.851 0.081 146.4);
}
.element {
color: var(--big-spender);
background-color: hsl(124 42% 77%);
border-color: oklch(0.851 0.081 146.4);
}Tailwind CSS v4
@theme {
--color-big-spender: #acddaf;
--color-big-spender-50: #e6fce9;
--color-big-spender-100: #d6f0d9;
--color-big-spender-200: #bedec1;
--color-big-spender-300: #9cc3a1;
--color-big-spender-400: #7fac82;
--color-big-spender-500: #619566;
--color-big-spender-600: #537e56;
--color-big-spender-700: #426545;
--color-big-spender-800: #304a30;
--color-big-spender-900: #213321;
--color-big-spender-950: #101f10;
}SCSS
$big-spender: #acddaf;
$big-spender-rgb: 172, 221, 175;
$big-spender-light: mix(#fff, $big-spender, 20%);
$big-spender-dark: mix(#000, $big-spender, 20%);
.element {
color: $big-spender;
box-shadow: 0 0 0 2px rgba($big-spender, 0.35);
}