Adlandırılmış renk · #000133
Mighty Midnight
Mighty Midnight, #000133: rgb(0 1 51), hsl(239 100% 10%), oklch(0.148 0.098 264.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Mighty Midnight color name →
#000133
oklch(0.148 0.098 264.2)
Renk dönüşümleri
- HEX
- #000133
- RGB
- rgb(0 1 51)
- HSL
- hsl(239 100% 10%)
- HWB
- hwb(239 0% 80%)
- OKLCH
- oklch(0.148 0.098 264.2)
- OKLab
- oklab(0.148 -0.01 -0.098)
- CIE Lab
- lab(2.01 10.94 -30.17)
- LCH
- lch(2.01 32.09 289.9)
- CMYK
- cmyk(100% 98% 0% 80%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 071947
- 1E305A
- 36486E
- 4F6082
- 6A7996
- 8692AB
- A3ACC0
- C1C7D4
- DFE3EA
Koyu tonlar
- 00012B
- 000123
- 00001C
- 000014
- 00000D
- 000007
- 000003
- 000001
- 000000
Gri tonlar
- 020E3B
- 0B1C44
- 18284C
- 253453
- 34415B
- 424D63
- 51596A
- 606672
- 707379
Renk uyumları
Tamamlayıcı +180°
- 000133
Mighty Midnight
- 110900
≈ Blackout
Analog -30° +30°
- 000133
Mighty Midnight
- 000D16
≈ Black Knight
- 0F0029
≈ Space Grey
Üçlü +120° +240°
- 000133
Mighty Midnight
- 1E0001
≈ Dwarf Fortress
- 000F01
≈ Cosmic Bit Flip
Bölünmüş tamamlayıcı +150° +210°
- 000133
Mighty Midnight
- 160600
≈ Soy Sauce
- 0B0C00
≈ Whiten’t
Dörtlü +90° +180° +270°
- 000133
Mighty Midnight
- 1C000C
≈ Belladonna
- 110900
≈ Blackout
- 000F0A
≈ Alpine Salamander
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 19.95:1 · APCA Lc 105
Ag
FailSiyah üzerinde
WCAG 1.05:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 19.95:1 (AAA) · APCA Lc 105
Contrast pairs
Kod parçacıkları
CSS
:root {
--mighty-midnight: #000133;
--mighty-midnight-rgb: 0 1 51;
--mighty-midnight-oklch: oklch(0.148 0.098 264.2);
}
.element {
color: var(--mighty-midnight);
background-color: hsl(239 100% 10%);
border-color: oklch(0.148 0.098 264.2);
}Tailwind CSS v4
@theme {
--color-mighty-midnight: #000133;
--color-mighty-midnight-50: #e8f5ff;
--color-mighty-midnight-100: #d9e8ff;
--color-mighty-midnight-200: #c1d4ff;
--color-mighty-midnight-300: #a0b7eb;
--color-mighty-midnight-400: #819ed9;
--color-mighty-midnight-500: #6585c8;
--color-mighty-midnight-600: #5670a8;
--color-mighty-midnight-700: #445a87;
--color-mighty-midnight-800: #2f4265;
--color-mighty-midnight-900: #202e47;
--color-mighty-midnight-950: #101a2e;
}SCSS
$mighty-midnight: #000133;
$mighty-midnight-rgb: 0, 1, 51;
$mighty-midnight-light: mix(#fff, $mighty-midnight, 20%);
$mighty-midnight-dark: mix(#000, $mighty-midnight, 20%);
.element {
color: $mighty-midnight;
box-shadow: 0 0 0 2px rgba($mighty-midnight, 0.35);
}