En yakın adlandırılmış renk · #078487
#078487
En yakın adlandırılmış renk: Windows 95 Desktop
#078487 (rgb(7 132 135), hsl(181 90% 28%), oklch(0.557 0.094 197.7)) en çok Windows 95 Desktop adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#078487
oklch(0.557 0.094 197.7)
Renk dönüşümleri
- HEX
- #078487
- RGB
- rgb(7 132 135)
- HSL
- hsl(181 90% 28%)
- HWB
- hwb(181 3% 47%)
- OKLCH
- oklch(0.557 0.094 197.7)
- OKLab
- oklab(0.557 -0.089 -0.028)
- CIE Lab
- lab(49.57 -29.93 -10.7)
- LCH
- lch(49.57 31.78 199.7)
- CMYK
- cmyk(95% 2% 0% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 369092
- 519C9E
- 68A8AA
- 7FB4B5
- 94C1C1
- AACDCE
- BFD9DA
- D4E6E6
- EAF2F2
Koyu tonlar
- 057275
- 046063
- 024F51
- 023F41
- 012F31
- 002021
- 001213
- 000606
- 000101
Gri tonlar
- 268486
- 378486
- 448385
- 4F8384
- 588384
- 618283
- 698282
- 718181
- 798181
Renk uyumları
Tamamlayıcı +180°
- 078487
Windows 95 Desktop
- A35C5F
≈ Pizza Pie
Analog -30° +30°
- 078487
Windows 95 Desktop
- 2F8569
≈ Mythical Forest
- 287E9E
≈ Summer Blue
Üçlü +120° +240°
- 078487
Windows 95 Desktop
- 8A6297
≈ Aster Violetta
- 926C2C
≈ Dirt Yellow
Bölünmüş tamamlayıcı +150° +210°
- 078487
Windows 95 Desktop
- 9C5C7E
≈ Rose Wine
- A06241
≈ Desert Soil
Dörtlü +90° +180° +270°
- 078487
Windows 95 Desktop
- 716AA7
≈ Inner Journey
- A35C5F
≈ Pizza Pie
- 797730
≈ Jungle Look
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--windows-95-desktop: #078487;
--windows-95-desktop-rgb: 7 132 135;
--windows-95-desktop-oklch: oklch(0.557 0.094 197.7);
}
.element {
color: var(--windows-95-desktop);
background-color: hsl(181 90% 28%);
border-color: oklch(0.557 0.094 197.7);
}Tailwind CSS v4
@theme {
--color-windows-95-desktop: #078487;
--color-windows-95-desktop-50: #d7feff;
--color-windows-95-desktop-100: #c4f2f4;
--color-windows-95-desktop-200: #a5e1e4;
--color-windows-95-desktop-300: #7bc6ca;
--color-windows-95-desktop-400: #51afb2;
--color-windows-95-desktop-500: #11999c;
--color-windows-95-desktop-600: #168184;
--color-windows-95-desktop-700: #12676a;
--color-windows-95-desktop-800: #0a4c4d;
--color-windows-95-desktop-900: #073535;
--color-windows-95-desktop-950: #002020;
}SCSS
$windows-95-desktop: #078487;
$windows-95-desktop-rgb: 7, 132, 135;
$windows-95-desktop-light: mix(#fff, $windows-95-desktop, 20%);
$windows-95-desktop-dark: mix(#000, $windows-95-desktop, 20%);
.element {
color: $windows-95-desktop;
box-shadow: 0 0 0 2px rgba($windows-95-desktop, 0.35);
}