Adlandırılmış renk · #4E7496
Hammerhead Shark
Hammerhead Shark, #4E7496: rgb(78 116 150), hsl(208 32% 45%), oklch(0.545 0.069 246.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? → · Hammerhead Shark color name →
#4E7496
oklch(0.545 0.069 246.5)
Renk dönüşümleri
- HEX
- #4e7496
- RGB
- rgb(78 116 150)
- HSL
- hsl(208 32% 45%)
- HWB
- hwb(208 31% 41%)
- OKLCH
- oklch(0.545 0.069 246.5)
- OKLab
- oklab(0.545 -0.027 -0.063)
- CIE Lab
- lab(47.06 -6.46 -23.02)
- LCH
- lch(47.06 23.91 254.3)
- CMYK
- cmyk(48% 23% 0% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5F81A0
- 708FAB
- 819CB5
- 92AAC0
- A4B8CA
- B6C6D5
- C8D4DF
- DAE2EA
- ECF0F4
Koyu tonlar
- 436482
- 38546E
- 2D455B
- 233749
- 192937
- 0F1B26
- 070F16
- 020508
- 000101
Gri tonlar
- 537594
- 597792
- 5E7890
- 63798E
- 687A8C
- 6D7C89
- 727D87
- 777E85
- 7B7F82
Renk uyumları
Tamamlayıcı +180°
- 4E7496
Hammerhead Shark
- 8B6844
≈ Barrel Aged
Analog -30° +30°
- 4E7496
Hammerhead Shark
- 3B7A8A
≈ Blue Catch
- 656D98
≈ Blueberry Patch
Üçlü +120° +240°
- 4E7496
Hammerhead Shark
- 935F69
≈ Raspberry Glace
- 66784B
≈ Mown Grass
Bölünmüş tamamlayıcı +150° +210°
- 4E7496
Hammerhead Shark
- 936254
≈ Brown Thrush
- 7C7040
≈ Vineyard View
Dörtlü +90° +180° +270°
- 4E7496
Hammerhead Shark
- 8A617F
≈ Orchid Orchestra
- 8B6844
≈ Barrel Aged
- 4D7C60
≈ Sports Field Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.92:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.26:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.92:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--hammerhead-shark: #4e7496;
--hammerhead-shark-rgb: 78 116 150;
--hammerhead-shark-oklch: oklch(0.545 0.069 246.5);
}
.element {
color: var(--hammerhead-shark);
background-color: hsl(208 32% 45%);
border-color: oklch(0.545 0.069 246.5);
}Tailwind CSS v4
@theme {
--color-hammerhead-shark: #4e7496;
--color-hammerhead-shark-50: #e7f7ff;
--color-hammerhead-shark-100: #d7eafe;
--color-hammerhead-shark-200: #bed7f1;
--color-hammerhead-shark-300: #9dbbda;
--color-hammerhead-shark-400: #7da3c5;
--color-hammerhead-shark-500: #608bb1;
--color-hammerhead-shark-600: #517596;
--color-hammerhead-shark-700: #415e78;
--color-hammerhead-shark-800: #2e4559;
--color-hammerhead-shark-900: #1f303e;
--color-hammerhead-shark-950: #0e1c27;
}SCSS
$hammerhead-shark: #4e7496;
$hammerhead-shark-rgb: 78, 116, 150;
$hammerhead-shark-light: mix(#fff, $hammerhead-shark, 20%);
$hammerhead-shark-dark: mix(#000, $hammerhead-shark, 20%);
.element {
color: $hammerhead-shark;
box-shadow: 0 0 0 2px rgba($hammerhead-shark, 0.35);
}