En yakın adlandırılmış renk · #1E2B58
#1E2B58
En yakın adlandırılmış renk: Space Cadet
#1E2B58 (rgb(30 43 88), hsl(227 49% 23%), oklch(0.304 0.083 269)) en çok Space Cadet 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.
#1E2B58
oklch(0.304 0.083 269)
Renk dönüşümleri
- HEX
- #1e2b58
- RGB
- rgb(30 43 88)
- HSL
- hsl(227 49% 23%)
- HWB
- hwb(227 12% 65%)
- OKLCH
- oklch(0.304 0.083 269)
- OKLab
- oklab(0.304 -0.002 -0.083)
- CIE Lab
- lab(18.42 7 -29.45)
- LCH
- lch(18.42 30.28 283.4)
- CMYK
- cmyk(66% 51% 0% 65%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 313E68
- 445278
- 596689
- 6F7A99
- 858FAA
- 9CA5BB
- B4BBCB
- CDD1DD
- E6E8EE
Koyu tonlar
- 19244B
- 131D3F
- 0E1633
- 091028
- 050A1D
- 030512
- 010209
- 000103
- 000000
Gri tonlar
- 27345C
- 303C61
- 394465
- 424D69
- 4C556D
- 565E71
- 606675
- 6B6F79
- 75777C
Renk uyumları
Tamamlayıcı +180°
- 1E2B58
Space Cadet
- 3B2D00
≈ Hidden Passage
Analog -30° +30°
- 1E2B58
Space Cadet
- 00334D
≈ Dark Denim Blue
- 352352
≈ Powerful Violet
Üçlü +120° +240°
- 1E2B58
Space Cadet
- 511B15
≈ Chocolate Rush
- 033A15
≈ Gameboy Contrast
Bölünmüş tamamlayıcı +150° +210°
- 1E2B58
Space Cadet
- 492400
≈ Ibex Brown
- 2B3300
≈ Wasabi Nori
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.62:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.54:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.62:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--space-cadet: #1e2b58;
--space-cadet-rgb: 30 43 88;
--space-cadet-oklch: oklch(0.304 0.083 269);
}
.element {
color: var(--space-cadet);
background-color: hsl(227 49% 23%);
border-color: oklch(0.304 0.083 269);
}Tailwind CSS v4
@theme {
--color-space-cadet: #1e2b58;
--color-space-cadet-50: #ecf5ff;
--color-space-cadet-100: #dde7ff;
--color-space-cadet-200: #c7d3f9;
--color-space-cadet-300: #a7b6e3;
--color-space-cadet-400: #8a9dd0;
--color-space-cadet-500: #7084bd;
--color-space-cadet-600: #5f70a0;
--color-space-cadet-700: #4b5980;
--color-space-cadet-800: #35415f;
--color-space-cadet-900: #242d43;
--color-space-cadet-950: #131a2b;
}SCSS
$space-cadet: #1e2b58;
$space-cadet-rgb: 30, 43, 88;
$space-cadet-light: mix(#fff, $space-cadet, 20%);
$space-cadet-dark: mix(#000, $space-cadet, 20%);
.element {
color: $space-cadet;
box-shadow: 0 0 0 2px rgba($space-cadet, 0.35);
}