En yakın adlandırılmış renk · #2C3169
#2C3169
En yakın adlandırılmış renk: Galaxea
#2C3169 (rgb(44 49 105), hsl(235 41% 29%), oklch(0.341 0.097 276.2)) en çok Galaxea 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.
#2C3169
oklch(0.341 0.097 276.2)
Renk dönüşümleri
- HEX
- #2c3169
- RGB
- rgb(44 49 105)
- HSL
- hsl(235 41% 29%)
- HWB
- hwb(235 17% 59%)
- OKLCH
- oklch(0.341 0.097 276.2)
- OKLab
- oklab(0.341 0.01 -0.096)
- CIE Lab
- lab(22.37 11.96 -34.19)
- LCH
- lch(22.37 36.22 289.3)
- CMYK
- cmyk(58% 53% 0% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3D4478
- 505787
- 636B96
- 787FA5
- 8D93B4
- A3A8C3
- B9BDD2
- D0D3E1
- E7E9F0
Koyu tonlar
- 25295A
- 1E224C
- 171A3E
- 111331
- 0A0C24
- 050618
- 02030C
- 010104
- 000000
Gri tonlar
- 33396C
- 3B416F
- 434971
- 4B5174
- 535976
- 5C6179
- 65687B
- 6E707D
- 77787E
Renk uyumları
Tamamlayıcı +180°
- 2C3169
Galaxea
- 433800
≈ Camouflage
Analog -30° +30°
- 2C3169
Galaxea
- 003B62
≈ Poseidon
- 45285F
≈ Acai
Üçlü +120° +240°
- 2C3169
Galaxea
- 60210F
≈ Brown Moelleux
- 004425
≈ Lost in the Woods
Bölünmüş tamamlayıcı +150° +210°
- 2C3169
Galaxea
- 522F00
≈ Kyoto House
- 2D4000
≈ Hinterlands Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.99:1 · APCA Lc 97
Ag
FailSiyah üzerinde
WCAG 1.75:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.99:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--galaxea: #2c3169;
--galaxea-rgb: 44 49 105;
--galaxea-oklch: oklch(0.341 0.097 276.2);
}
.element {
color: var(--galaxea);
background-color: hsl(235 41% 29%);
border-color: oklch(0.341 0.097 276.2);
}Tailwind CSS v4
@theme {
--color-galaxea: #2c3169;
--color-galaxea-50: #eef3ff;
--color-galaxea-100: #e0e5ff;
--color-galaxea-200: #cad1fe;
--color-galaxea-300: #abb3e9;
--color-galaxea-400: #8f9ad8;
--color-galaxea-500: #7580c6;
--color-galaxea-600: #636ca7;
--color-galaxea-700: #4f5786;
--color-galaxea-800: #384064;
--color-galaxea-900: #262c46;
--color-galaxea-950: #15192e;
}SCSS
$galaxea: #2c3169;
$galaxea-rgb: 44, 49, 105;
$galaxea-light: mix(#fff, $galaxea, 20%);
$galaxea-dark: mix(#000, $galaxea, 20%);
.element {
color: $galaxea;
box-shadow: 0 0 0 2px rgba($galaxea, 0.35);
}