En yakın adlandırılmış renk · #5075BE
#5075BE
En yakın adlandırılmış renk: Endless River
#5075BE (rgb(80 117 190), hsl(220 46% 53%), oklch(0.569 0.121 262.8)) en çok Endless River 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.
#5075BE
oklch(0.569 0.121 262.8)
Renk dönüşümleri
- HEX
- #5075be
- RGB
- rgb(80 117 190)
- HSL
- hsl(220 46% 53%)
- HWB
- hwb(220 31% 25%)
- OKLCH
- oklch(0.569 0.121 262.8)
- OKLab
- oklab(0.569 -0.015 -0.12)
- CIE Lab
- lab(49.08 3.73 -43.06)
- LCH
- lch(49.08 43.23 275)
- CMYK
- cmyk(58% 38% 0% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6083C5
- 7190CC
- 829ED3
- 93ACDA
- A4B9E0
- B6C7E7
- C8D5ED
- DAE3F3
- ECF1F9
Koyu tonlar
- 4465A5
- 39558C
- 2E4675
- 24375E
- 1A2948
- 101C33
- 070F1F
- 02050D
- 000102
Gri tonlar
- 5577B8
- 5A78B2
- 5F79AC
- 647BA6
- 697CA0
- 6D7D9A
- 727E94
- 777F8D
- 7B7F87
Renk uyumları
Tamamlayıcı +180°
- 5075BE
Endless River
- 986F00
≈ Sandy Taupe
Analog -30° +30°
- 5075BE
Endless River
- 0082B0
≈ Tusche Blue
- 7A68B7
≈ Ultra Violet
Üçlü +120° +240°
- 5075BE
Endless River
- B35755
≈ Deep Rose
- 488944
≈ Beating Around the Bush
Bölünmüş tamamlayıcı +150° +210°
- 5075BE
Endless River
- AD6029
≈ Plaguelands Hazel
- 787E12
≈ Pacifika
Dörtlü +90° +180° +270°
- 5075BE
Endless River
- AC567D
≈ Guppy Violet
- 986F00
≈ Sandy Taupe
- 008B71
≈ Industrial Turquoise
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.53:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.62:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--endless-river: #5075be;
--endless-river-rgb: 80 117 190;
--endless-river-oklch: oklch(0.569 0.121 262.8);
}
.element {
color: var(--endless-river);
background-color: hsl(220 46% 53%);
border-color: oklch(0.569 0.121 262.8);
}Tailwind CSS v4
@theme {
--color-endless-river: #5075be;
--color-endless-river-50: #e4f6ff;
--color-endless-river-100: #d4e8ff;
--color-endless-river-200: #bbd4ff;
--color-endless-river-300: #99b7f6;
--color-endless-river-400: #789ee6;
--color-endless-river-500: #5a84d6;
--color-endless-river-600: #4d70b4;
--color-endless-river-700: #3d5991;
--color-endless-river-800: #29426c;
--color-endless-river-900: #1c2d4c;
--color-endless-river-950: #0c1a32;
}SCSS
$endless-river: #5075be;
$endless-river-rgb: 80, 117, 190;
$endless-river-light: mix(#fff, $endless-river, 20%);
$endless-river-dark: mix(#000, $endless-river, 20%);
.element {
color: $endless-river;
box-shadow: 0 0 0 2px rgba($endless-river, 0.35);
}