En yakın adlandırılmış renk · #1442A1
#1442A1
En yakın adlandırılmış renk: Cascade Twilight
#1442A1 (rgb(20 66 161), hsl(220 78% 35%), oklch(0.413 0.162 262.4)) en çok Cascade Twilight 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.
#1442A1
oklch(0.413 0.162 262.4)
Renk dönüşümleri
- HEX
- #1442a1
- RGB
- rgb(20 66 161)
- HSL
- hsl(220 78% 35%)
- HWB
- hwb(220 8% 37%)
- OKLCH
- oklch(0.413 0.162 262.4)
- OKLab
- oklab(0.413 -0.021 -0.161)
- CIE Lab
- lab(29.97 15.33 -56.83)
- LCH
- lch(29.97 58.86 285.1)
- CMYK
- cmyk(88% 59% 0% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2B56AC
- 4169B6
- 587CC0
- 6E8ECA
- 85A1D3
- 9DB3DD
- B5C6E6
- CDD9EE
- E6ECF7
Koyu tonlar
- 10388B
- 0C2F76
- 082562
- 051C4E
- 03143C
- 010B2A
- 010519
- 000109
- 000001
Gri tonlar
- 204A9F
- 2C519C
- 365899
- 415E97
- 4C6594
- 566A90
- 61708D
- 6B7689
- 757B85
Renk uyumları
Tamamlayıcı +180°
- 1442A1
Cascade Twilight
- 624600
≈ Mud Brown
Analog -30° +30°
- 1442A1
Cascade Twilight
- 005271
≈ Captain Blue
- 513099
≈ Blue Magenta Violet
Üçlü +120° +240°
- 1442A1
Cascade Twilight
- 8F071D
≈ Old Wine
- 015C00
≈ Duck Hunt
Bölünmüş tamamlayıcı +150° +210°
- 1442A1
Cascade Twilight
- 763700
≈ Bay Brown
- 4C5000
≈ Scorzonera Brown
Dörtlü +90° +180° +270°
- 1442A1
Cascade Twilight
- 860D53
≈ French Plum
- 624600
≈ Mud Brown
- 005946
≈ Forest Shadows
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.03:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.32:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 9.03:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--cascade-twilight: #1442a1;
--cascade-twilight-rgb: 20 66 161;
--cascade-twilight-oklch: oklch(0.413 0.162 262.4);
}
.element {
color: var(--cascade-twilight);
background-color: hsl(220 78% 35%);
border-color: oklch(0.413 0.162 262.4);
}Tailwind CSS v4
@theme {
--color-cascade-twilight: #1442a1;
--color-cascade-twilight-50: #def6ff;
--color-cascade-twilight-100: #cde8ff;
--color-cascade-twilight-200: #b2d4ff;
--color-cascade-twilight-300: #8eb6ff;
--color-cascade-twilight-400: #699cfd;
--color-cascade-twilight-500: #4880f0;
--color-cascade-twilight-600: #3e6dca;
--color-cascade-twilight-700: #3157a3;
--color-cascade-twilight-800: #1f4079;
--color-cascade-twilight-900: #142c56;
--color-cascade-twilight-950: #06193a;
}SCSS
$cascade-twilight: #1442a1;
$cascade-twilight-rgb: 20, 66, 161;
$cascade-twilight-light: mix(#fff, $cascade-twilight, 20%);
$cascade-twilight-dark: mix(#000, $cascade-twilight, 20%);
.element {
color: $cascade-twilight;
box-shadow: 0 0 0 2px rgba($cascade-twilight, 0.35);
}