En yakın adlandırılmış renk · #748793
#748793
En yakın adlandırılmış renk: Stormy Oceans
#748793 (rgb(116 135 147), hsl(203 13% 52%), oklch(0.612 0.029 235.7)) en çok Stormy Oceans 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.
#748793
oklch(0.612 0.029 235.7)
Renk dönüşümleri
- HEX
- #748793
- RGB
- rgb(116 135 147)
- HSL
- hsl(203 13% 52%)
- HWB
- hwb(203 45% 42%)
- OKLCH
- oklch(0.612 0.029 235.7)
- OKLab
- oklab(0.612 -0.016 -0.024)
- CIE Lab
- lab(55.1 -5.05 -8.88)
- LCH
- lch(55.1 10.21 240.4)
- CMYK
- cmyk(21% 8% 0% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 81929D
- 8E9EA8
- 9CAAB2
- AAB5BD
- B7C1C8
- C5CDD3
- D4DADE
- E2E6E9
- F0F2F4
Koyu tonlar
- 64757F
- 54636C
- 455159
- 374147
- 293136
- 1B2125
- 0F1316
- 050608
- 010101
Gri tonlar
- 758691
- 77868F
- 78858D
- 79848B
- 7A848A
- 7B8388
- 7D8286
- 7E8184
- 7F8182
Renk uyumları
Tamamlayıcı +180°
- 748793
Stormy Oceans
- 928074
≈ Carmel Mission
Analog -30° +30°
- 748793
Stormy Oceans
- 70898C
≈ Twilight Stroll
- 7C8496
≈ Stowaway
Üçlü +120° +240°
- 748793
Stormy Oceans
- 937D84
≈ Purple Dove
- 838673
≈ Cottage Lattice Green
Bölünmüş tamamlayıcı +150° +210°
- 748793
Stormy Oceans
- 957E7B
≈ Warplock Bronze Metal
- 8C8371
≈ Hardware
Dörtlü +90° +180° +270°
- 748793
Stormy Oceans
- 8D7E8D
≈ Iced Orchid
- 928074
≈ Carmel Mission
- 79897A
≈ Brassica
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.73:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.62:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.62:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--stormy-oceans: #748793;
--stormy-oceans-rgb: 116 135 147;
--stormy-oceans-oklch: oklch(0.612 0.029 235.7);
}
.element {
color: var(--stormy-oceans);
background-color: hsl(203 13% 52%);
border-color: oklch(0.612 0.029 235.7);
}Tailwind CSS v4
@theme {
--color-stormy-oceans: #748793;
--color-stormy-oceans-50: #eef7fc;
--color-stormy-oceans-100: #dfeaf0;
--color-stormy-oceans-200: #c9d6df;
--color-stormy-oceans-300: #aabac5;
--color-stormy-oceans-400: #8fa2ad;
--color-stormy-oceans-500: #758a97;
--color-stormy-oceans-600: #637480;
--color-stormy-oceans-700: #4f5d66;
--color-stormy-oceans-800: #39444b;
--color-stormy-oceans-900: #272f34;
--color-stormy-oceans-950: #151c1f;
}SCSS
$stormy-oceans: #748793;
$stormy-oceans-rgb: 116, 135, 147;
$stormy-oceans-light: mix(#fff, $stormy-oceans, 20%);
$stormy-oceans-dark: mix(#000, $stormy-oceans, 20%);
.element {
color: $stormy-oceans;
box-shadow: 0 0 0 2px rgba($stormy-oceans, 0.35);
}