Colore con nome · #748796
Skipper
Skipper è #748796: rgb(116 135 150), hsl(206 14% 52%), oklch(0.613 0.032 241.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Skipper color name →
#748796
oklch(0.613 0.032 241.9)
Conversioni di colore
- HEX
- #748796
- RGB
- rgb(116 135 150)
- HSL
- hsl(206 14% 52%)
- HWB
- hwb(206 45% 41%)
- OKLCH
- oklch(0.613 0.032 241.9)
- OKLab
- oklab(0.613 -0.015 -0.028)
- CIE Lab
- lab(55.18 -4.51 -10.48)
- LCH
- lch(55.18 11.41 246.7)
- CMYK
- cmyk(23% 10% 0% 41%)
Tinte · Ombre · Toni
Tinte
- 8192A0
- 8E9EAA
- 9CAAB5
- AAB5BF
- B7C1C9
- C5CDD4
- D4DADF
- E2E6E9
- F0F2F4
Ombre
- 647582
- 54636E
- 45515B
- 374149
- 293137
- 1B2126
- 0F1316
- 050608
- 010101
Toni
- 758694
- 778692
- 78858F
- 79848D
- 7A848B
- 7B8389
- 7D8287
- 7E8184
- 7F8182
Armonie di colore
Complementare +180°
- 748796
Skipper
- 938071
≈ Baneblade Brown
Analogo -30° +30°
- 748796
Skipper
- 6F8A8F
≈ Twilight Stroll
- 7D8398
≈ Tempest
Triadico +120° +240°
- 748796
Skipper
- 957D83
≈ Twilight Mauve
- 818873
≈ Shebang
Complementare divisa +150° +210°
- 748796
Skipper
- 967E78
≈ Tallarn Leather
- 8B846F
≈ Antique
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.71:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.64:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--skipper: #748796;
--skipper-rgb: 116 135 150;
--skipper-oklch: oklch(0.613 0.032 241.9);
}
.element {
color: var(--skipper);
background-color: hsl(206 14% 52%);
border-color: oklch(0.613 0.032 241.9);
}Tailwind CSS v4
@theme {
--color-skipper: #748796;
--color-skipper-50: #eef6fe;
--color-skipper-100: #dfe9f2;
--color-skipper-200: #c9d6e1;
--color-skipper-300: #aabac7;
--color-skipper-400: #8fa1b0;
--color-skipper-500: #74899a;
--color-skipper-600: #637482;
--color-skipper-700: #4f5d68;
--color-skipper-800: #39444c;
--color-skipper-900: #272f35;
--color-skipper-950: #151c20;
}SCSS
$skipper: #748796;
$skipper-rgb: 116, 135, 150;
$skipper-light: mix(#fff, $skipper, 20%);
$skipper-dark: mix(#000, $skipper, 20%);
.element {
color: $skipper;
box-shadow: 0 0 0 2px rgba($skipper, 0.35);
}