Nazwany kolor · #89928A
Grey Heron
Grey Heron to #89928A: rgb(137 146 138), hsl(127 4% 55%), oklch(0.65 0.016 148.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Grey Heron color name →
#89928A
oklch(0.65 0.016 148.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 949C95
- A0A7A0
- ABB2AC
- B7BCB7
- C2C7C3
- CED2CF
- DADDDB
- E6E8E7
- F3F4F3
Odcienie ciemniejsze
- 767E77
- 646B65
- 535853
- 424642
- 313532
- 222522
- 141614
- 070807
- 010101
Tony
- 889089
- 878E88
- 868D87
- 858B86
- 858985
- 848784
- 838583
- 828482
- 818281
Harmonie kolorów
Komplementarna +180°
- 89928A
Grey Heron
- 958C94
≈ Aragonite Grey
Analogowa -30° +30°
- 89928A
Grey Heron
- 8E9186
≈ Stone Creek
- 86938F
≈ Ballroom Slippers
Triada +120° +240°
- 89928A
Grey Heron
- 8B8F99
≈ Seal Grey
- 998C8A
≈ Globe Thistle Grey Rose
Komplementarna rozszczepiona +150° +210°
- 89928A
Grey Heron
- 908D98
≈ Alaitoc Blue
- 988B8F
≈ Globe Thistle Grey Rose
Tetrada +90° +180° +270°
- 89928A
Grey Heron
- 879198
≈ Seal Grey
- 958C94
≈ Aragonite Grey
- 978D86
≈ Sultry Castle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.20:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.54:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
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);
}