En yakın adlandırılmış renk · #004493
#004493
En yakın adlandırılmış renk: Pacific Depths
#004493 (rgb(0 68 147), hsl(212 100% 29%), oklch(0.401 0.144 257.2)) en çok Pacific Depths 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.
#004493
oklch(0.401 0.144 257.2)
Renk dönüşümleri
- HEX
- #004493
- RGB
- rgb(0 68 147)
- HSL
- hsl(212 100% 29%)
- HWB
- hwb(212 0% 42%)
- OKLCH
- oklch(0.401 0.144 257.2)
- OKLab
- oklab(0.401 -0.032 -0.14)
- CIE Lab
- lab(29.19 7.66 -49.62)
- LCH
- lch(29.19 50.21 278.8)
- CMYK
- cmyk(100% 54% 0% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 22579F
- 3B69AA
- 537CB6
- 6B8EC1
- 82A1CB
- 9AB3D6
- B3C6E1
- CCD9EB
- E5ECF5
Koyu tonlar
- 003A7F
- 00306C
- 002659
- 001D47
- 001436
- 000C25
- 000516
- 000208
- 000001
Gri tonlar
- 164B92
- 255291
- 31588F
- 3D5F8E
- 49658C
- 546A8A
- 5F7088
- 6A7586
- 757B83
Renk uyumları
Tamamlayıcı +180°
- 004493
Pacific Depths
- 614100
≈ Notorious Neanderthal
Analog -30° +30°
- 004493
Pacific Depths
- 005068
≈ Hanada Blue
- 47348F
≈ Majestic Eggplant
Üçlü +120° +240°
- 004493
Pacific Depths
- 84152A
≈ Sweet Cherry Red
- 225600
≈ Lincoln Green
Bölünmüş tamamlayıcı +150° +210°
- 004493
Pacific Depths
- 763000
≈ Bay Brown
- 4D4B00
≈ Scorzonera Brown
Dörtlü +90° +180° +270°
- 004493
Pacific Depths
- 7A1A56
≈ Smooch
- 614100
≈ Notorious Neanderthal
- 00563F
≈ Sacramento State Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.34:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.24:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 9.34:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--pacific-depths: #004493;
--pacific-depths-rgb: 0 68 147;
--pacific-depths-oklch: oklch(0.401 0.144 257.2);
}
.element {
color: var(--pacific-depths);
background-color: hsl(212 100% 29%);
border-color: oklch(0.401 0.144 257.2);
}Tailwind CSS v4
@theme {
--color-pacific-depths: #004493;
--color-pacific-depths-50: #ddf7ff;
--color-pacific-depths-100: #cceaff;
--color-pacific-depths-200: #b0d6ff;
--color-pacific-depths-300: #8bb9ff;
--color-pacific-depths-400: #659ff2;
--color-pacific-depths-500: #4285e3;
--color-pacific-depths-600: #3971c0;
--color-pacific-depths-700: #2d5a9a;
--color-pacific-depths-800: #1c4373;
--color-pacific-depths-900: #122e51;
--color-pacific-depths-950: #041a36;
}SCSS
$pacific-depths: #004493;
$pacific-depths-rgb: 0, 68, 147;
$pacific-depths-light: mix(#fff, $pacific-depths, 20%);
$pacific-depths-dark: mix(#000, $pacific-depths, 20%);
.element {
color: $pacific-depths;
box-shadow: 0 0 0 2px rgba($pacific-depths, 0.35);
}