가장 가까운 이름 색상 · #ADDBAC
#ADDBAC
가장 가까운 이름 색상: Big Spender
#ADDBAC(rgb(173 219 172), hsl(119 39% 77%), oklch(0.847 0.08 144.3))와 가장 가까운 이름 색상은 Big Spender입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#ADDBAC
oklch(0.847 0.08 144.3)
색상 변환
- HEX
- #addbac
- RGB
- rgb(173 219 172)
- HSL
- hsl(119 39% 77%)
- HWB
- hwb(119 67% 14%)
- OKLCH
- oklch(0.847 0.08 144.3)
- OKLab
- oklab(0.847 -0.065 0.047)
- CIE Lab
- lab(83.22 -22.25 18.1)
- LCH
- lch(83.22 28.69 140.9)
- CMYK
- cmyk(21% 0% 21% 14%)
틴트 · 셰이드 · 톤
틴트
- B5DFB4
- BEE2BC
- C6E6C5
- CEEACD
- D6EDD5
- DEF1DE
- E6F4E6
- EFF8EE
- F7FBF7
셰이드
- 96BE95
- 7FA27F
- 6A8769
- 556D54
- 415440
- 2D3C2D
- 1B261B
- 0B110B
- 010201
톤
- A9D2A8
- A4C8A3
- A0BF9F
- 9BB69B
- 97AD96
- 92A492
- 8E9B8D
- 899289
- 858984
색 조화
보색 +180°
- ADDBAC
Big Spender
- E8BBEA
≈ Lovecloud
유사색 -30° +30°
- ADDBAC
Big Spender
- CBD396
≈ Pistachio Cream
- 94DEC9
≈ Almost Aqua
삼각 배색 +120° +240°
- ADDBAC
Big Spender
- B4CDFF
≈ Night Snow
- FDB9B3
≈ Mexican Milk
분열 보색 +150° +210°
- ADDBAC
Big Spender
- CFC3FD
≈ Innocent Snowdrop
- F8B7D0
≈ Little Baby Girl
사각 배색 +90° +180° +270°
- ADDBAC
Big Spender
- 98D6FA
≈ Shiva Blue
- E8BBEA
≈ Lovecloud
- F7BF9B
≈ Shrimp Boat
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.50:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--big-spender: #addbac;
--big-spender-rgb: 173 219 172;
--big-spender-oklch: oklch(0.847 0.08 144.3);
}
.element {
color: var(--big-spender);
background-color: hsl(119 39% 77%);
border-color: oklch(0.847 0.08 144.3);
}Tailwind CSS v4
@theme {
--color-big-spender: #addbac;
--color-big-spender-50: #e7fce8;
--color-big-spender-100: #d7f0d8;
--color-big-spender-200: #bfdec0;
--color-big-spender-300: #9dc39f;
--color-big-spender-400: #81ab81;
--color-big-spender-500: #649464;
--color-big-spender-600: #557d55;
--color-big-spender-700: #446444;
--color-big-spender-800: #324a30;
--color-big-spender-900: #223320;
--color-big-spender-950: #111f10;
}SCSS
$big-spender: #addbac;
$big-spender-rgb: 173, 219, 172;
$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);
}