Benoemde kleur · #8A8DAA
Non Skid Grey
Non Skid Grey is #8A8DAA: rgb(138 141 170), hsl(234 16% 60%), oklch(0.651 0.043 280.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Non Skid Grey color name →
#8A8DAA
oklch(0.651 0.043 280.5)
Kleurconversies
- HEX
- #8a8daa
- RGB
- rgb(138 141 170)
- HSL
- hsl(234 16% 60%)
- HWB
- hwb(234 54% 33%)
- OKLCH
- oklch(0.651 0.043 280.5)
- OKLab
- oklab(0.651 0.008 -0.042)
- CIE Lab
- lab(59.15 3.57 -15.75)
- LCH
- lch(59.15 16.15 282.8)
- CMYK
- cmyk(19% 17% 0% 33%)
Tinten · Schaduwen · Tonen
Tinten
- 9598B2
- A0A3BB
- ACAEC3
- B7B9CC
- C3C5D4
- CFD0DD
- DADCE5
- E7E7EE
- F3F3F6
Schaduwen
- 777A93
- 65677D
- 535568
- 424453
- 32333F
- 22232D
- 14141B
- 07070B
- 010101
Tonen
- 898CA6
- 888AA2
- 87899D
- 868899
- 858795
- 848591
- 83848D
- 828388
- 818184
Kleurharmonieën
Complementair +180°
- 8A8DAA
Non Skid Grey
- 959172
≈ Inness Sage
Analoog -30° +30°
- 8A8DAA
Non Skid Grey
- 7C92A9
≈ Stratus
- 9888A4
≈ Smoky Mauve
Triadisch +120° +240°
- 8A8DAA
Non Skid Grey
- A7877C
≈ Magic Malt
- 799887
≈ Mild Green
Gesplitst complementair +150° +210°
- 8A8DAA
Non Skid Grey
- A18B73
≈ River Mud
- 87957A
≈ Laurel Tree
Tetradisch +90° +180° +270°
- 8A8DAA
Non Skid Grey
- A88589
≈ Natural Spring
- 959172
≈ Inness Sage
- 719895
≈ Ship Shape
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.24:1 · APCA Lc 60
Ag
AAOp zwart
WCAG 6.47:1 · APCA Lc 42
Beste tekstkleur: #000000
WCAG 6.47:1 (AA) · APCA Lc 42
Contrast pairs
Codefragmenten
CSS
:root {
--non-skid-grey: #8a8daa;
--non-skid-grey-rgb: 138 141 170;
--non-skid-grey-oklch: oklch(0.651 0.043 280.5);
}
.element {
color: var(--non-skid-grey);
background-color: hsl(234 16% 60%);
border-color: oklch(0.651 0.043 280.5);
}Tailwind CSS v4
@theme {
--color-non-skid-grey: #8a8daa;
--color-non-skid-grey-50: #f3f4ff;
--color-non-skid-grey-100: #e5e6f6;
--color-non-skid-grey-200: #d1d2e7;
--color-non-skid-grey-300: #b3b5ce;
--color-non-skid-grey-400: #999cb8;
--color-non-skid-grey-500: #8083a3;
--color-non-skid-grey-600: #6d6f8a;
--color-non-skid-grey-700: #57596e;
--color-non-skid-grey-800: #3f4151;
--color-non-skid-grey-900: #2b2d39;
--color-non-skid-grey-950: #191a23;
}SCSS
$non-skid-grey: #8a8daa;
$non-skid-grey-rgb: 138, 141, 170;
$non-skid-grey-light: mix(#fff, $non-skid-grey, 20%);
$non-skid-grey-dark: mix(#000, $non-skid-grey, 20%);
.element {
color: $non-skid-grey;
box-shadow: 0 0 0 2px rgba($non-skid-grey, 0.35);
}