En yakın adlandırılmış renk · #010803
#010803
En yakın adlandırılmış renk: Jedi Night
#010803 (rgb(1 8 3), hsl(137 78% 2%), oklch(0.12 0.025 154.6)) en çok Jedi Night 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.
#010803
oklch(0.12 0.025 154.6)
Renk dönüşümleri
- HEX
- #010803
- RGB
- rgb(1 8 3)
- HSL
- hsl(137 78% 2%)
- HWB
- hwb(137 0% 97%)
- OKLCH
- oklch(0.12 0.025 154.6)
- OKLab
- oklab(0.12 -0.022 0.011)
- CIE Lab
- lab(1.68 -2.42 1.22)
- LCH
- lch(1.68 2.71 153.2)
- CMYK
- cmyk(88% 0% 63% 97%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 101B13
- 253029
- 3D463F
- 555E58
- 6F7771
- 8A908C
- A6ABA7
- C3C6C4
- E1E2E1
Koyu tonlar
- 010602
- 010402
- 000301
- 000201
- 000100
- 000100
- 000000
- 000000
- 000000
Gri tonlar
- 07120B
- 131C16
- 1F2821
- 2B332E
- 383F3A
- 464B47
- 545855
- 626563
- 717271
Renk uyumları
Tamamlayıcı +180°
- 010803
Jedi Night
- 0B0309
≈ Broken Tube
Analog -30° +30°
- 010803
Jedi Night
- 040701
≈ Liquorice
- 000807
≈ Black Metal
Üçlü +120° +240°
- 010803
Jedi Night
- 04050F
≈ Eight Ball
- 0D0302
≈ Liquorice
Bölünmüş tamamlayıcı +150° +210°
- 010803
Jedi Night
- 08040D
≈ Broken Tube
- 0D0305
≈ Pupil
Dörtlü +90° +180° +270°
- 010803
Jedi Night
- 01060E
≈ Eight Ball
- 0B0309
≈ Broken Tube
- 0C0400
≈ Liquorice
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 20.24:1 · APCA Lc 106
Ag
FailSiyah üzerinde
WCAG 1.03:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 20.24:1 (AAA) · APCA Lc 106
Contrast pairs
Kod parçacıkları
CSS
:root {
--jedi-night: #010803;
--jedi-night-rgb: 1 8 3;
--jedi-night-oklch: oklch(0.12 0.025 154.6);
}
.element {
color: var(--jedi-night);
background-color: hsl(137 78% 2%);
border-color: oklch(0.12 0.025 154.6);
}Tailwind CSS v4
@theme {
--color-jedi-night: #010803;
--color-jedi-night-50: #f0f7f2;
--color-jedi-night-100: #e2eae4;
--color-jedi-night-200: #ccd8d0;
--color-jedi-night-300: #aebbb2;
--color-jedi-night-400: #94a398;
--color-jedi-night-500: #7a8b7f;
--color-jedi-night-600: #67766c;
--color-jedi-night-700: #535e56;
--color-jedi-night-800: #3c453e;
--color-jedi-night-900: #29302b;
--color-jedi-night-950: #171c18;
}SCSS
$jedi-night: #010803;
$jedi-night-rgb: 1, 8, 3;
$jedi-night-light: mix(#fff, $jedi-night, 20%);
$jedi-night-dark: mix(#000, $jedi-night, 20%);
.element {
color: $jedi-night;
box-shadow: 0 0 0 2px rgba($jedi-night, 0.35);
}