Colore con nome · #858F94
Common Feldspar
Common Feldspar è #858F94: rgb(133 143 148), hsl(200 7% 55%), oklch(0.643 0.014 229). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Common Feldspar color name →
#858F94
oklch(0.643 0.014 229)
Conversioni di colore
- HEX
- #858f94
- RGB
- rgb(133 143 148)
- HSL
- hsl(200 7% 55%)
- HWB
- hwb(200 52% 42%)
- OKLCH
- oklch(0.643 0.014 229)
- OKLab
- oklab(0.643 -0.009 -0.01)
- CIE Lab
- lab(58.7 -2.98 -3.98)
- LCH
- lch(58.7 4.97 233.2)
- CMYK
- cmyk(10% 3% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 919A9E
- 9CA4A9
- A8AFB3
- B4BABE
- C0C6C8
- CDD1D3
- D9DCDE
- E6E8E9
- F2F3F4
Ombre
- 737C80
- 61696D
- 50575A
- 404548
- 303436
- 212426
- 131516
- 060708
- 010101
Toni
- 858D92
- 848C90
- 848A8E
- 83898C
- 83878A
- 828688
- 828486
- 818384
- 818182
Armonie di colore
Complementare +180°
- 858F94
Common Feldspar
- 958B86
≈ Warm Grey
Analogo -30° +30°
- 858F94
Common Feldspar
- 849090
≈ Shady Grey
- 888E96
≈ Bali Deep
Triadico +120° +240°
- 858F94
Common Feldspar
- 948A8E
≈ Stone Haze
- 8E8E84
≈ Incognito
Complementare divisa +150° +210°
- 858F94
Common Feldspar
- 968A8A
≈ Fashion Week
- 928C84
≈ Young Colt
Tetradico +90° +180° +270°
- 858F94
Common Feldspar
- 918B93
≈ Gris Morado
- 958B86
≈ Warm Grey
- 898F87
≈ Peaceful Glade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.30:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.35:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.35:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--common-feldspar: #858f94;
--common-feldspar-rgb: 133 143 148;
--common-feldspar-oklch: oklch(0.643 0.014 229);
}
.element {
color: var(--common-feldspar);
background-color: hsl(200 7% 55%);
border-color: oklch(0.643 0.014 229);
}Tailwind CSS v4
@theme {
--color-common-feldspar: #858f94;
--color-common-feldspar-50: #f1f6f8;
--color-common-feldspar-100: #e3e9ec;
--color-common-feldspar-200: #cfd5d9;
--color-common-feldspar-300: #b1b9bd;
--color-common-feldspar-400: #96a0a5;
--color-common-feldspar-500: #7d888e;
--color-common-feldspar-600: #6a7378;
--color-common-feldspar-700: #555c60;
--color-common-feldspar-800: #3e4346;
--color-common-feldspar-900: #2a2f31;
--color-common-feldspar-950: #181b1d;
}SCSS
$common-feldspar: #858f94;
$common-feldspar-rgb: 133, 143, 148;
$common-feldspar-light: mix(#fff, $common-feldspar, 20%);
$common-feldspar-dark: mix(#000, $common-feldspar, 20%);
.element {
color: $common-feldspar;
box-shadow: 0 0 0 2px rgba($common-feldspar, 0.35);
}