이름 색상 · #A99A86
Grullo
Grullo은(는) #A99A86: rgb(169 154 134), hsl(34 17% 59%), oklch(0.694 0.033 75.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Grullo color name →
#A99A86
oklch(0.694 0.033 75.1)
색상 변환
- HEX
- #a99a86
- RGB
- rgb(169 154 134)
- HSL
- hsl(34 17% 59%)
- HWB
- hwb(34 53% 34%)
- OKLCH
- oklch(0.694 0.033 75.1)
- OKLab
- oklab(0.694 0.009 0.032)
- CIE Lab
- lab(64.51 3.25 12.65)
- LCH
- lch(64.51 13.06 75.6)
- CMYK
- cmyk(0% 9% 21% 34%)
틴트 · 셰이드 · 톤
틴트
- B1A492
- BAAD9D
- C2B7A9
- CBC1B5
- D3CBC1
- DCD6CD
- E5E0D9
- EDEAE6
- F6F5F2
셰이드
- 928574
- 7C7162
- 675E51
- 534B40
- 3F3930
- 2C2721
- 1B1713
- 0A0906
- 010101
톤
- A59785
- A19585
- 9D9284
- 989084
- 948D83
- 908A83
- 8C8882
- 888581
- 848381
색 조화
보색 +180°
- A99A86
Grullo
- 8F9EB1
≈ Foghorn
유사색 -30° +30°
- A99A86
Grullo
- AF978C
≈ Rose Mauve
- 9F9E86
≈ Wainscot Green
삼각 배색 +120° +240°
- A99A86
Grullo
- 85A3A3
≈ Venus Teal
- A597AB
≈ Windsor Haze
분열 보색 +150° +210°
- A99A86
Grullo
- 87A1AC
≈ Blue Alps
- 9A9AB1
≈ Bay Fog
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.74:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.65:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.65:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--grullo: #a99a86;
--grullo-rgb: 169 154 134;
--grullo-oklch: oklch(0.694 0.033 75.1);
}
.element {
color: var(--grullo);
background-color: hsl(34 17% 59%);
border-color: oklch(0.694 0.033 75.1);
}Tailwind CSS v4
@theme {
--color-grullo: #a99a86;
--color-grullo-50: #fbf4eb;
--color-grullo-100: #eee7dc;
--color-grullo-200: #dcd3c5;
--color-grullo-300: #c1b6a5;
--color-grullo-400: #aa9c89;
--color-grullo-500: #93836e;
--color-grullo-600: #7d6f5d;
--color-grullo-700: #64594a;
--color-grullo-800: #4a4136;
--color-grullo-900: #332d25;
--color-grullo-950: #1f1a13;
}SCSS
$grullo: #a99a86;
$grullo-rgb: 169, 154, 134;
$grullo-light: mix(#fff, $grullo, 20%);
$grullo-dark: mix(#000, $grullo, 20%);
.element {
color: $grullo;
box-shadow: 0 0 0 2px rgba($grullo, 0.35);
}