이름 색상 · #AACCBB
Greywacke
Greywacke은(는) #AACCBB: rgb(170 204 187), hsl(150 25% 73%), oklch(0.815 0.043 163.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Greywacke color name →
#AACCBB
oklch(0.815 0.043 163.7)
색상 변환
- HEX
- #aaccbb
- RGB
- rgb(170 204 187)
- HSL
- hsl(150 25% 73%)
- HWB
- hwb(150 67% 20%)
- OKLCH
- oklch(0.815 0.043 163.7)
- OKLab
- oklab(0.815 -0.042 0.012)
- CIE Lab
- lab(79.18 -14.29 4.53)
- LCH
- lch(79.18 14.99 162.4)
- CMYK
- cmyk(17% 0% 8% 20%)
틴트 · 셰이드 · 톤
틴트
- B2D1C2
- BBD6C8
- C3DBCF
- CCE0D6
- D4E5DD
- DDEAE3
- E5F0EA
- EEF5F1
- F6FAF8
셰이드
- 93B1A2
- 7D978A
- 687E73
- 53655C
- 3F4E46
- 2D3732
- 1B221F
- 0B0F0D
- 010202
톤
- A6C4B5
- A2BCAF
- 9EB5A9
- 99ADA3
- 95A59D
- 919E97
- 8D9691
- 898F8B
- 848786
색 조화
보색 +180°
- AACCBB
Greywacke
- D8B8CA
≈ Spring Boutique
유사색 -30° +30°
- AACCBB
Greywacke
- B8C9AD
≈ Tamboon
- A3CCCB
≈ Eggshell Blue
삼각 배색 +120° +240°
- AACCBB
Greywacke
- BEC0DF
≈ Rhapsody Lilac
- DCBAAC
≈ Pickled Pork
분열 보색 +150° +210°
- AACCBB
Greywacke
- CDBBD7
≈ Petite Purple
- DDB8BA
≈ Pink Softness
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.06:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.06:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--greywacke: #aaccbb;
--greywacke-rgb: 170 204 187;
--greywacke-oklch: oklch(0.815 0.043 163.7);
}
.element {
color: var(--greywacke);
background-color: hsl(150 25% 73%);
border-color: oklch(0.815 0.043 163.7);
}Tailwind CSS v4
@theme {
--color-greywacke: #aaccbb;
--color-greywacke-50: #eaf9f2;
--color-greywacke-100: #dbede4;
--color-greywacke-200: #c4dad0;
--color-greywacke-300: #a4bfb2;
--color-greywacke-400: #88a797;
--color-greywacke-500: #6c907e;
--color-greywacke-600: #5c796b;
--color-greywacke-700: #496155;
--color-greywacke-800: #35473e;
--color-greywacke-900: #24312a;
--color-greywacke-950: #131d18;
}SCSS
$greywacke: #aaccbb;
$greywacke-rgb: 170, 204, 187;
$greywacke-light: mix(#fff, $greywacke, 20%);
$greywacke-dark: mix(#000, $greywacke, 20%);
.element {
color: $greywacke;
box-shadow: 0 0 0 2px rgba($greywacke, 0.35);
}