Colore con nome · #89928A
Grey Heron
Grey Heron è #89928A: rgb(137 146 138), hsl(127 4% 55%), oklch(0.65 0.016 148.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grey Heron color name →
#89928A
oklch(0.65 0.016 148.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 949C95
- A0A7A0
- ABB2AC
- B7BCB7
- C2C7C3
- CED2CF
- DADDDB
- E6E8E7
- F3F4F3
Ombre
- 767E77
- 646B65
- 535853
- 424642
- 313532
- 222522
- 141614
- 070807
- 010101
Toni
- 889089
- 878E88
- 868D87
- 858B86
- 858985
- 848784
- 838583
- 828482
- 818281
Armonie di colore
Complementare +180°
- 89928A
Grey Heron
- 958C94
≈ Aragonite Grey
Analogo -30° +30°
- 89928A
Grey Heron
- 8E9186
≈ Stone Creek
- 86938F
≈ Ballroom Slippers
Triadico +120° +240°
- 89928A
Grey Heron
- 8B8F99
≈ Seal Grey
- 998C8A
≈ Globe Thistle Grey Rose
Complementare divisa +150° +210°
- 89928A
Grey Heron
- 908D98
≈ Alaitoc Blue
- 988B8F
≈ Globe Thistle Grey Rose
Tetradico +90° +180° +270°
- 89928A
Grey Heron
- 879198
≈ Seal Grey
- 958C94
≈ Aragonite Grey
- 978D86
≈ Sultry Castle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.20:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.54:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
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);
}