Adlandırılmış renk · #1560BD
Amnesia Blue
Amnesia Blue, #1560BD: rgb(21 96 189), hsl(213 80% 41%), oklch(0.5 0.162 256.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Amnesia Blue color name →
#1560BD
oklch(0.5 0.162 256.9)
Renk dönüşümleri
- HEX
- #1560bd
- RGB
- rgb(21 96 189)
- HSL
- hsl(213 80% 41%)
- HWB
- hwb(213 8% 26%)
- OKLCH
- oklch(0.5 0.162 256.9)
- OKLab
- oklab(0.5 -0.037 -0.158)
- CIE Lab
- lab(40.63 6.3 -56.11)
- LCH
- lch(40.63 56.46 276.4)
- CMYK
- cmyk(89% 49% 0% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3271C5
- 4A81CC
- 6191D4
- 77A0DB
- 8DB0E1
- A3C0E8
- BAD0EE
- D1DFF4
- E8EFFA
Koyu tonlar
- 1152A4
- 0C458C
- 083874
- 052C5D
- 032047
- 021533
- 010A1F
- 00030D
- 000002
Gri tonlar
- 2664B8
- 3368B2
- 3E6CAC
- 4870A7
- 5273A1
- 5C769B
- 657994
- 6E7B8E
- 777E87
Renk uyumları
Tamamlayıcı +180°
- 1560BD
Amnesia Blue
- 845A00
≈ Soil of Avagddu
Analog -30° +30°
- 1560BD
Amnesia Blue
- 006D8E
≈ Copacabana
- 604EB9
≈ Swiss Plum
Üçlü +120° +240°
- 1560BD
Amnesia Blue
- AC2D41
≈ Toasted Truffle
- 337500
≈ Gardens Sericourt
Bölünmüş tamamlayıcı +150° +210°
- 1560BD
Amnesia Blue
- A04400
≈ Powdered Coffee
- 6B6700
≈ Earthy Khaki Green
Dörtlü +90° +180° +270°
- 1560BD
Amnesia Blue
- A03175
≈ Carroburg Crimson
- 845A00
≈ Soil of Avagddu
- 007557
≈ Green Velvet
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.10:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.43:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--amnesia-blue: #1560bd;
--amnesia-blue-rgb: 21 96 189;
--amnesia-blue-oklch: oklch(0.5 0.162 256.9);
}
.element {
color: var(--amnesia-blue);
background-color: hsl(213 80% 41%);
border-color: oklch(0.5 0.162 256.9);
}Tailwind CSS v4
@theme {
--color-amnesia-blue: #1560bd;
--color-amnesia-blue-50: #daf7ff;
--color-amnesia-blue-100: #c8eaff;
--color-amnesia-blue-200: #aad6ff;
--color-amnesia-blue-300: #84b8ff;
--color-amnesia-blue-400: #5b9ffc;
--color-amnesia-blue-500: #3384ef;
--color-amnesia-blue-600: #2d70c9;
--color-amnesia-blue-700: #245aa2;
--color-amnesia-blue-800: #134279;
--color-amnesia-blue-900: #0c2e55;
--color-amnesia-blue-950: #011a39;
}SCSS
$amnesia-blue: #1560bd;
$amnesia-blue-rgb: 21, 96, 189;
$amnesia-blue-light: mix(#fff, $amnesia-blue, 20%);
$amnesia-blue-dark: mix(#000, $amnesia-blue, 20%);
.element {
color: $amnesia-blue;
box-shadow: 0 0 0 2px rgba($amnesia-blue, 0.35);
}