Benannte Farbe · #A0928D
Channel Seal Grey
Channel Seal Grey ist #A0928D: rgb(160 146 141), hsl(16 9% 59%), oklch(0.671 0.018 40.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Channel Seal Grey color name →
#A0928D
oklch(0.671 0.018 40.7)
Farbumrechnungen
- HEX
- #a0928d
- RGB
- rgb(160 146 141)
- HSL
- hsl(16 9% 59%)
- HWB
- hwb(16 55% 37%)
- OKLCH
- oklch(0.671 0.018 40.7)
- OKLab
- oklab(0.671 0.014 0.012)
- CIE Lab
- lab(61.69 4.72 4.64)
- LCH
- lch(61.69 6.62 44.5)
- CMYK
- cmyk(0% 9% 12% 37%)
Tints · Shades · Tones
Tints
- A99C98
- B2A7A3
- BCB2AE
- C5BCB9
- CFC7C4
- D8D2D0
- E2DDDC
- EBE8E7
- F5F4F3
Shades
- 8B7E7A
- 766B67
- 615855
- 4E4644
- 3B3533
- 292523
- 191614
- 090807
- 010101
Tones
- 9D908C
- 9A8E8A
- 968D89
- 938B88
- 908987
- 8D8785
- 8A8584
- 868483
- 838281
Farbharmonien
Komplementär +180°
- A0928D
Channel Seal Grey
- 8A989D
≈ By the Sea
Analog -30° +30°
- A0928D
Channel Seal Grey
- A09193
≈ Auger Shell
- 9D948A
≈ Mud Puddle
Triadisch +120° +240°
- A0928D
Channel Seal Grey
- 8C9992
≈ Green Milieu
- 9394A1
≈ Ash Violet
Geteilt komplementär +150° +210°
- A0928D
Channel Seal Grey
- 899998
≈ Aged Pewter
- 8D97A1
≈ Roman Bath
Tetradisch +90° +180° +270°
- A0928D
Channel Seal Grey
- 92988C
≈ Ceremonial Grey
- 8A989D
≈ By the Sea
- 99929E
≈ Duchess Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.00:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.99:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--channel-seal-grey: #a0928d;
--channel-seal-grey-rgb: 160 146 141;
--channel-seal-grey-oklch: oklch(0.671 0.018 40.7);
}
.element {
color: var(--channel-seal-grey);
background-color: hsl(16 9% 59%);
border-color: oklch(0.671 0.018 40.7);
}Tailwind CSS v4
@theme {
--color-channel-seal-grey: #a0928d;
--color-channel-seal-grey-50: #faf4f1;
--color-channel-seal-grey-100: #eee6e3;
--color-channel-seal-grey-200: #dbd2ce;
--color-channel-seal-grey-300: #c0b5b0;
--color-channel-seal-grey-400: #a99b96;
--color-channel-seal-grey-500: #91827d;
--color-channel-seal-grey-600: #7b6e6a;
--color-channel-seal-grey-700: #625855;
--color-channel-seal-grey-800: #48403e;
--color-channel-seal-grey-900: #322c2a;
--color-channel-seal-grey-950: #1e1918;
}SCSS
$channel-seal-grey: #a0928d;
$channel-seal-grey-rgb: 160, 146, 141;
$channel-seal-grey-light: mix(#fff, $channel-seal-grey, 20%);
$channel-seal-grey-dark: mix(#000, $channel-seal-grey, 20%);
.element {
color: $channel-seal-grey;
box-shadow: 0 0 0 2px rgba($channel-seal-grey, 0.35);
}