Colore con nome · #959491
Grey Summit
Grey Summit è #959491: rgb(149 148 145), hsl(45 2% 58%), oklch(0.666 0.005 91.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grey Summit color name →
#959491
oklch(0.666 0.005 91.5)
Conversioni di colore
- HEX
- #959491
- RGB
- rgb(149 148 145)
- HSL
- hsl(45 2% 58%)
- HWB
- hwb(45 57% 42%)
- OKLCH
- oklch(0.666 0.005 91.5)
- OKLab
- oklab(0.666 0 0.005)
- CIE Lab
- lab(61.34 -0.05 1.73)
- LCH
- lch(61.34 1.73 91.6)
- CMYK
- cmyk(0% 1% 3% 42%)
Tinte · Ombre · Toni
Tinte
- 9F9E9B
- A9A9A6
- B4B3B1
- BEBDBC
- C9C8C7
- D3D3D2
- DEDEDD
- E9E9E8
- F4F4F4
Ombre
- 81807D
- 6D6D6A
- 5A5A58
- 484846
- 373635
- 262625
- 161615
- 080807
- 010101
Toni
- 93928F
- 91908E
- 8F8E8C
- 8D8C8A
- 8A8A88
- 888887
- 868685
- 848483
- 828282
Armonie di colore
Complementare +180°
- 959491
Grey Summit
- 939497
≈ Fighter Jet
Analogo -30° +30°
- 959491
Grey Summit
- 969391
≈ Grey Summit
- 949591
≈ Lost Soul Grey
Triadico +120° +240°
- 959491
Grey Summit
- 919596
≈ Kiwikiwi Grey
- 969395
≈ Storm Rolling In
Complementare divisa +150° +210°
- 959491
Grey Summit
- 929497
≈ Fighter Jet
- 949396
≈ Fighter Jet
Tetradico +90° +180° +270°
- 959491
Grey Summit
- 919594
≈ Kiwikiwi Grey
- 939497
≈ Fighter Jet
- 979394
≈ Flint Rock
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.03:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.92:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.92:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--grey-summit: #959491;
--grey-summit-rgb: 149 148 145;
--grey-summit-oklch: oklch(0.666 0.005 91.5);
}
.element {
color: var(--grey-summit);
background-color: hsl(45 2% 58%);
border-color: oklch(0.666 0.005 91.5);
}Tailwind CSS v4
@theme {
--color-grey-summit: #959491;
--color-grey-summit-50: #f5f5f4;
--color-grey-summit-100: #e8e8e6;
--color-grey-summit-200: #d5d4d2;
--color-grey-summit-300: #b8b7b5;
--color-grey-summit-400: #9f9e9b;
--color-grey-summit-500: #878683;
--color-grey-summit-600: #72716f;
--color-grey-summit-700: #5b5b58;
--color-grey-summit-800: #434241;
--color-grey-summit-900: #2e2e2c;
--color-grey-summit-950: #1b1b1a;
}SCSS
$grey-summit: #959491;
$grey-summit-rgb: 149, 148, 145;
$grey-summit-light: mix(#fff, $grey-summit, 20%);
$grey-summit-dark: mix(#000, $grey-summit, 20%);
.element {
color: $grey-summit;
box-shadow: 0 0 0 2px rgba($grey-summit, 0.35);
}