Adlandırılmış renk · #748796
Skipper
Skipper, #748796: rgb(116 135 150), hsl(206 14% 52%), oklch(0.613 0.032 241.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Skipper color name →
#748796
oklch(0.613 0.032 241.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8192A0
- 8E9EAA
- 9CAAB5
- AAB5BF
- B7C1C9
- C5CDD4
- D4DADF
- E2E6E9
- F0F2F4
Koyu tonlar
- 647582
- 54636E
- 45515B
- 374149
- 293137
- 1B2126
- 0F1316
- 050608
- 010101
Gri tonlar
- 758694
- 778692
- 78858F
- 79848D
- 7A848B
- 7B8389
- 7D8287
- 7E8184
- 7F8182
Renk uyumları
Tamamlayıcı +180°
- 748796
Skipper
- 938071
≈ Baneblade Brown
Analog -30° +30°
- 748796
Skipper
- 6F8A8F
≈ Twilight Stroll
- 7D8398
≈ Tempest
Üçlü +120° +240°
- 748796
Skipper
- 957D83
≈ Twilight Mauve
- 818873
≈ Shebang
Bölünmüş tamamlayıcı +150° +210°
- 748796
Skipper
- 967E78
≈ Tallarn Leather
- 8B846F
≈ Antique
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.71:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.64:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
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);
}