En yakın adlandırılmış renk · #1C2D85
#1C2D85
En yakın adlandırılmış renk: Intergalactic Highway
#1C2D85 (rgb(28 45 133), hsl(230 65% 32%), oklch(0.347 0.148 268.6)) en çok Intergalactic Highway 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.
#1C2D85
oklch(0.347 0.148 268.6)
Renk dönüşümleri
- HEX
- #1c2d85
- RGB
- rgb(28 45 133)
- HSL
- hsl(230 65% 32%)
- HWB
- hwb(230 11% 48%)
- OKLCH
- oklch(0.347 0.148 268.6)
- OKLab
- oklab(0.347 -0.004 -0.148)
- CIE Lab
- lab(22.16 20.35 -52.37)
- LCH
- lch(22.16 56.19 291.2)
- CMYK
- cmyk(79% 66% 0% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E4392
- 41589F
- 566CAC
- 6C80B8
- 8395C5
- 9BAAD1
- B3BFDD
- CCD4E8
- E5E9F4
Koyu tonlar
- 172673
- 121F61
- 0D1850
- 081140
- 050B30
- 020621
- 010213
- 000106
- 000001
Gri tonlar
- 243786
- 2D4186
- 364986
- 405286
- 4A5A86
- 556285
- 5F6984
- 6A7183
- 757982
Renk uyumları
Tamamlayıcı +180°
- 1C2D85
Intergalactic Highway
- 493700
≈ Night in the Woods
Analog -30° +30°
- 1C2D85
Intergalactic Highway
- 003E5D
≈ Poseidon
- 461D7A
≈ Occult
Üçlü +120° +240°
- 1C2D85
Intergalactic Highway
- 720002
≈ Hellbound
- 004719
≈ Pine Green
Bölünmüş tamamlayıcı +150° +210°
- 1C2D85
Intergalactic Highway
- 582D00
≈ Eyelash Camel
- 363F00
≈ Dark Olive
Dörtlü +90° +180° +270°
- 1C2D85
Intergalactic Highway
- 6D0039
≈ Merlot
- 493700
≈ Night in the Woods
- 00443A
≈ MSU Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.90:1 · APCA Lc 97
Ag
FailSiyah üzerinde
WCAG 1.76:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.90:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--intergalactic-highway: #1c2d85;
--intergalactic-highway-rgb: 28 45 133;
--intergalactic-highway-oklch: oklch(0.347 0.148 268.6);
}
.element {
color: var(--intergalactic-highway);
background-color: hsl(230 65% 32%);
border-color: oklch(0.347 0.148 268.6);
}Tailwind CSS v4
@theme {
--color-intergalactic-highway: #1c2d85;
--color-intergalactic-highway-50: #e5f4ff;
--color-intergalactic-highway-100: #d5e6ff;
--color-intergalactic-highway-200: #bcd2ff;
--color-intergalactic-highway-300: #9bb3ff;
--color-intergalactic-highway-400: #7a99f6;
--color-intergalactic-highway-500: #5e7ee7;
--color-intergalactic-highway-600: #506bc3;
--color-intergalactic-highway-700: #3f559d;
--color-intergalactic-highway-800: #2b3f75;
--color-intergalactic-highway-900: #1d2b53;
--color-intergalactic-highway-950: #0d1837;
}SCSS
$intergalactic-highway: #1c2d85;
$intergalactic-highway-rgb: 28, 45, 133;
$intergalactic-highway-light: mix(#fff, $intergalactic-highway, 20%);
$intergalactic-highway-dark: mix(#000, $intergalactic-highway, 20%);
.element {
color: $intergalactic-highway;
box-shadow: 0 0 0 2px rgba($intergalactic-highway, 0.35);
}