이름 색상 · #89928A
Grey Heron
Grey Heron은(는) #89928A: rgb(137 146 138), hsl(127 4% 55%), oklch(0.65 0.016 148.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Grey Heron color name →
#89928A
oklch(0.65 0.016 148.7)
색상 변환
- HEX
- #89928a
- RGB
- rgb(137 146 138)
- HSL
- hsl(127 4% 55%)
- HWB
- hwb(127 54% 43%)
- OKLCH
- oklch(0.65 0.016 148.7)
- OKLab
- oklab(0.65 -0.013 0.008)
- CIE Lab
- lab(59.63 -4.57 3.07)
- LCH
- lch(59.63 5.5 146.1)
- CMYK
- cmyk(6% 0% 5% 43%)
틴트 · 셰이드 · 톤
틴트
- 949C95
- A0A7A0
- ABB2AC
- B7BCB7
- C2C7C3
- CED2CF
- DADDDB
- E6E8E7
- F3F4F3
셰이드
- 767E77
- 646B65
- 535853
- 424642
- 313532
- 222522
- 141614
- 070807
- 010101
톤
- 889089
- 878E88
- 868D87
- 858B86
- 858985
- 848784
- 838583
- 828482
- 818281
색 조화
보색 +180°
- 89928A
Grey Heron
- 958C94
≈ Aragonite Grey
유사색 -30° +30°
- 89928A
Grey Heron
- 8E9186
≈ Stone Creek
- 86938F
≈ Ballroom Slippers
삼각 배색 +120° +240°
- 89928A
Grey Heron
- 8B8F99
≈ Seal Grey
- 998C8A
≈ Globe Thistle Grey Rose
분열 보색 +150° +210°
- 89928A
Grey Heron
- 908D98
≈ Alaitoc Blue
- 988B8F
≈ Globe Thistle Grey Rose
사각 배색 +90° +180° +270°
- 89928A
Grey Heron
- 879198
≈ Seal Grey
- 958C94
≈ Aragonite Grey
- 978D86
≈ Sultry Castle
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.20:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.54:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--grey-heron: #89928a;
--grey-heron-rgb: 137 146 138;
--grey-heron-oklch: oklch(0.65 0.016 148.7);
}
.element {
color: var(--grey-heron);
background-color: hsl(127 4% 55%);
border-color: oklch(0.65 0.016 148.7);
}Tailwind CSS v4
@theme {
--color-grey-heron: #89928a;
--color-grey-heron-50: #f2f6f3;
--color-grey-heron-100: #e4e9e5;
--color-grey-heron-200: #d0d6d1;
--color-grey-heron-300: #b2bab3;
--color-grey-heron-400: #98a199;
--color-grey-heron-500: #7f8980;
--color-grey-heron-600: #6c746d;
--color-grey-heron-700: #565d57;
--color-grey-heron-800: #3f443f;
--color-grey-heron-900: #2b2f2b;
--color-grey-heron-950: #191b19;
}SCSS
$grey-heron: #89928a;
$grey-heron-rgb: 137, 146, 138;
$grey-heron-light: mix(#fff, $grey-heron, 20%);
$grey-heron-dark: mix(#000, $grey-heron, 20%);
.element {
color: $grey-heron;
box-shadow: 0 0 0 2px rgba($grey-heron, 0.35);
}