Adlandırılmış renk · #73A3D0
Overcast
Overcast, #73A3D0: rgb(115 163 208), hsl(209 50% 63%), oklch(0.699 0.084 247.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Overcast color name →
#73A3D0
oklch(0.699 0.084 247.5)
Renk dönüşümleri
- HEX
- #73a3d0
- RGB
- rgb(115 163 208)
- HSL
- hsl(209 50% 63%)
- HWB
- hwb(209 45% 18%)
- OKLCH
- oklch(0.699 0.084 247.5)
- OKLab
- oklab(0.699 -0.032 -0.078)
- CIE Lab
- lab(64.88 -7.55 -28.48)
- LCH
- lch(64.88 29.46 255.2)
- CMYK
- cmyk(45% 22% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 81ACD5
- 8FB5DA
- 9DBEDF
- ABC8E4
- B8D1E8
- C6DAED
- D4E3F2
- E3ECF6
- F1F6FB
Koyu tonlar
- 638DB5
- 54789A
- 456380
- 364F67
- 283C4F
- 1B2A39
- 0F1923
- 050A10
- 010102
Gri tonlar
- 75A0C8
- 779CC0
- 7899B8
- 7A95B0
- 7B92A8
- 7C8EA0
- 7D8B98
- 7E8790
- 7F8488
Renk uyumları
Tamamlayıcı +180°
- 73A3D0
Overcast
- C19464
≈ Mannered Gold
Analog -30° +30°
- 73A3D0
Overcast
- 5BABC0
≈ Blue Mist
- 9199D2
≈ Portage
Üçlü +120° +240°
- 73A3D0
Overcast
- CC8894
≈ Puce
- 8FA86F
≈ Green Tea Mochi
Bölünmüş tamamlayıcı +150° +210°
- 73A3D0
Overcast
- CC8C78
≈ Sociable
- AC9F60
≈ Shiny Gold
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.66:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.87:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--overcast: #73a3d0;
--overcast-rgb: 115 163 208;
--overcast-oklch: oklch(0.699 0.084 247.5);
}
.element {
color: var(--overcast);
background-color: hsl(209 50% 63%);
border-color: oklch(0.699 0.084 247.5);
}Tailwind CSS v4
@theme {
--color-overcast: #73a3d0;
--color-overcast-50: #e4f8ff;
--color-overcast-100: #d3ebff;
--color-overcast-200: #bad8f8;
--color-overcast-300: #97bbe1;
--color-overcast-400: #76a3ce;
--color-overcast-500: #568bbb;
--color-overcast-600: #4a769e;
--color-overcast-700: #3b5e7f;
--color-overcast-800: #28455e;
--color-overcast-900: #1b3042;
--color-overcast-950: #0b1c2a;
}SCSS
$overcast: #73a3d0;
$overcast-rgb: 115, 163, 208;
$overcast-light: mix(#fff, $overcast, 20%);
$overcast-dark: mix(#000, $overcast, 20%);
.element {
color: $overcast;
box-shadow: 0 0 0 2px rgba($overcast, 0.35);
}