En yakın adlandırılmış renk · #2D2B82
#2D2B82
En yakın adlandırılmış renk: Intergalactic Highway
#2D2B82 (rgb(45 43 130), hsl(241 50% 34%), oklch(0.351 0.142 277.2)) 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.
#2D2B82
oklch(0.351 0.142 277.2)
Renk dönüşümleri
- HEX
- #2d2b82
- RGB
- rgb(45 43 130)
- HSL
- hsl(241 50% 34%)
- HWB
- hwb(241 17% 49%)
- OKLCH
- oklch(0.351 0.142 277.2)
- OKLab
- oklab(0.351 0.018 -0.141)
- CIE Lab
- lab(22.55 23.59 -49.81)
- LCH
- lch(22.55 55.12 295.3)
- CMYK
- cmyk(65% 67% 0% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3D418F
- 4F569D
- 626AAA
- 777FB6
- 8C93C3
- A2A8CF
- B8BEDB
- CFD3E7
- E7E9F3
Koyu tonlar
- 262470
- 1F1D5F
- 18164E
- 11103E
- 0B0A2F
- 060520
- 020212
- 010106
- 000001
Gri tonlar
- 333583
- 3A3F83
- 424884
- 4A5084
- 525884
- 5B6184
- 646983
- 6D7083
- 767881
Renk uyumları
Tamamlayıcı +180°
- 2D2B82
Intergalactic Highway
- 453A00
≈ Xanthophobia
Analog -30° +30°
- 2D2B82
Intergalactic Highway
- 003D68
≈ Ateneo Blue
- 4F1C72
≈ Velvet Vortex
Üçlü +120° +240°
- 2D2B82
Intergalactic Highway
- 6A1B00
≈ Raw Chocolate
- 004729
≈ Alaskan Moss
Bölünmüş tamamlayıcı +150° +210°
- 2D2B82
Intergalactic Highway
- 553100
≈ Eyelash Camel
- 2E4300
≈ Garden Shadow
Dörtlü +90° +180° +270°
- 2D2B82
Intergalactic Highway
- 71002E
≈ Merlot
- 453A00
≈ Xanthophobia
- 004540
≈ Dark Side
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.80:1 · APCA Lc 97
Ag
FailSiyah üzerinde
WCAG 1.77:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.80:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--intergalactic-highway: #2d2b82;
--intergalactic-highway-rgb: 45 43 130;
--intergalactic-highway-oklch: oklch(0.351 0.142 277.2);
}
.element {
color: var(--intergalactic-highway);
background-color: hsl(241 50% 34%);
border-color: oklch(0.351 0.142 277.2);
}Tailwind CSS v4
@theme {
--color-intergalactic-highway: #2d2b82;
--color-intergalactic-highway-50: #ecf2ff;
--color-intergalactic-highway-100: #dde4ff;
--color-intergalactic-highway-200: #c7ceff;
--color-intergalactic-highway-300: #a8b0ff;
--color-intergalactic-highway-400: #8a95f1;
--color-intergalactic-highway-500: #7179e2;
--color-intergalactic-highway-600: #5f67be;
--color-intergalactic-highway-700: #4c5299;
--color-intergalactic-highway-800: #353c73;
--color-intergalactic-highway-900: #242a51;
--color-intergalactic-highway-950: #131736;
}SCSS
$intergalactic-highway: #2d2b82;
$intergalactic-highway-rgb: 45, 43, 130;
$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);
}