En yakın adlandırılmış renk · #1E3F66
#1E3F66
En yakın adlandırılmış renk: Aegean Blue
#1E3F66 (rgb(30 63 102), hsl(213 55% 26%), oklch(0.363 0.078 254)) en çok Aegean Blue 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.
#1E3F66
oklch(0.363 0.078 254)
Renk dönüşümleri
- HEX
- #1e3f66
- RGB
- rgb(30 63 102)
- HSL
- hsl(213 55% 26%)
- HWB
- hwb(213 12% 60%)
- OKLCH
- oklch(0.363 0.078 254)
- OKLab
- oklab(0.363 -0.022 -0.075)
- CIE Lab
- lab(25.74 -1.48 -26.98)
- LCH
- lch(25.74 27.02 266.9)
- CMYK
- cmyk(71% 38% 0% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 335175
- 486384
- 5D7593
- 7288A2
- 899BB1
- 9FAEC0
- B7C2D0
- CED6DF
- E6EAEF
Koyu tonlar
- 193558
- 132C4A
- 0E233C
- 091B2F
- 051223
- 030A17
- 01040C
- 000104
- 000000
Gri tonlar
- 284669
- 324C6C
- 3C536F
- 455971
- 4F6074
- 596677
- 626D79
- 6C737C
- 76797E
Renk uyumları
Tamamlayıcı +180°
- 1E3F66
Aegean Blue
- 563700
≈ Eyelash Camel
Analog -30° +30°
- 1E3F66
Aegean Blue
- 004558
≈ Crab Nebula
- 3A3765
≈ Rhynchites Nitens
Üçlü +120° +240°
- 1E3F66
Aegean Blue
- 602B31
≈ Jazz
- 2C4719
≈ Treetop Cathedral
Bölünmüş tamamlayıcı +150° +210°
- 1E3F66
Aegean Blue
- 5F2F19
≈ Overbaked
- 453F00
≈ Xanthophobia
Dörtlü +90° +180° +270°
- 1E3F66
Aegean Blue
- 5A2C48
≈ Winter Bloom
- 563700
≈ Eyelash Camel
- 004A33
≈ Alaskan Moss
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.72:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.95:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.72:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--aegean-blue: #1e3f66;
--aegean-blue-rgb: 30 63 102;
--aegean-blue-oklch: oklch(0.363 0.078 254);
}
.element {
color: var(--aegean-blue);
background-color: hsl(213 55% 26%);
border-color: oklch(0.363 0.078 254);
}Tailwind CSS v4
@theme {
--color-aegean-blue: #1e3f66;
--color-aegean-blue-50: #e7f7ff;
--color-aegean-blue-100: #d7eaff;
--color-aegean-blue-200: #bfd6f6;
--color-aegean-blue-300: #9ebae0;
--color-aegean-blue-400: #7ea1cc;
--color-aegean-blue-500: #6189b9;
--color-aegean-blue-600: #53749c;
--color-aegean-blue-700: #425d7d;
--color-aegean-blue-800: #2e445d;
--color-aegean-blue-900: #1f2f41;
--color-aegean-blue-950: #0f1b2a;
}SCSS
$aegean-blue: #1e3f66;
$aegean-blue-rgb: 30, 63, 102;
$aegean-blue-light: mix(#fff, $aegean-blue, 20%);
$aegean-blue-dark: mix(#000, $aegean-blue, 20%);
.element {
color: $aegean-blue;
box-shadow: 0 0 0 2px rgba($aegean-blue, 0.35);
}