Colore con nome · #787E93
Your Shadow
Your Shadow è #787E93: rgb(120 126 147), hsl(227 11% 52%), oklch(0.595 0.033 272.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Your Shadow color name →
#787E93
oklch(0.595 0.033 272.8)
Conversioni di colore
- HEX
- #787e93
- RGB
- rgb(120 126 147)
- HSL
- hsl(227 11% 52%)
- HWB
- hwb(227 47% 42%)
- OKLCH
- oklch(0.595 0.033 272.8)
- OKLab
- oklab(0.595 0.002 -0.033)
- CIE Lab
- lab(52.84 1.18 -12.18)
- LCH
- lch(52.84 12.24 275.6)
- CMYK
- cmyk(18% 14% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 858A9D
- 9196A8
- 9EA3B2
- ACB0BD
- B9BDC8
- C7CAD3
- D5D7DE
- E3E4E9
- F1F1F4
Ombre
- 676D7F
- 575C6C
- 484C59
- 393C47
- 2A2D36
- 1D1F25
- 101116
- 050508
- 010101
Toni
- 797E91
- 7A7E8F
- 7A7F8D
- 7B7F8C
- 7C7F8A
- 7D7F88
- 7E7F86
- 7E8084
- 7F8082
Armonie di colore
Complementare +180°
- 787E93
Your Shadow
- 857F69
≈ Knotweed
Analogo -30° +30°
- 787E93
Your Shadow
- 6E8291
≈ Mica Creek
- 827A8F
≈ Mythical
Triadico +120° +240°
- 787E93
Your Shadow
- 917873
≈ Astro Sunset
- 718576
≈ Xanadu
Complementare divisa +150° +210°
- 787E93
Your Shadow
- 8D7B6B
≈ Inca Temple
- 7B826D
≈ Cactus Garden
Tetradico +90° +180° +270°
- 787E93
Your Shadow
- 91777D
≈ Bazaar
- 857F69
≈ Knotweed
- 6A8680
≈ Marsh Creek
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.03:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.20:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.20:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--your-shadow: #787e93;
--your-shadow-rgb: 120 126 147;
--your-shadow-oklch: oklch(0.595 0.033 272.8);
}
.element {
color: var(--your-shadow);
background-color: hsl(227 11% 52%);
border-color: oklch(0.595 0.033 272.8);
}Tailwind CSS v4
@theme {
--color-your-shadow: #787e93;
--color-your-shadow-50: #f2f5ff;
--color-your-shadow-100: #e4e7f3;
--color-your-shadow-200: #d0d3e3;
--color-your-shadow-300: #b2b6c9;
--color-your-shadow-400: #989eb2;
--color-your-shadow-500: #7f859d;
--color-your-shadow-600: #6b7184;
--color-your-shadow-700: #565a6a;
--color-your-shadow-800: #3e424e;
--color-your-shadow-900: #2b2e36;
--color-your-shadow-950: #181a21;
}SCSS
$your-shadow: #787e93;
$your-shadow-rgb: 120, 126, 147;
$your-shadow-light: mix(#fff, $your-shadow, 20%);
$your-shadow-dark: mix(#000, $your-shadow, 20%);
.element {
color: $your-shadow;
box-shadow: 0 0 0 2px rgba($your-shadow, 0.35);
}