Najbliższy nazwany kolor · #00445C
#00445C
Najbliższy nazwany kolor: Maniac Mansion
#00445C (rgb(0 68 92), hsl(196 100% 18%), oklch(0.362 0.072 229.9)) jest najbliższy nazwanemu kolorowi Maniac Mansion. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00445C
oklch(0.362 0.072 229.9)
Konwersje koloru
- HEX
- #00445c
- RGB
- rgb(0 68 92)
- HSL
- hsl(196 100% 18%)
- HWB
- hwb(196 0% 64%)
- OKLCH
- oklch(0.362 0.072 229.9)
- OKLab
- oklab(0.362 -0.046 -0.055)
- CIE Lab
- lab(26.14 -12.11 -20.01)
- LCH
- lch(26.14 23.38 238.8)
- CMYK
- cmyk(100% 26% 0% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 23556B
- 3C677B
- 53788B
- 6B8B9B
- 839DAB
- 9BB0BB
- B3C3CC
- CCD7DD
- E5EBEE
Odcienie ciemniejsze
- 003A4F
- 003042
- 002636
- 001D2A
- 00141F
- 000C14
- 00050A
- 000203
- 000000
Tony
- 164A60
- 255064
- 325667
- 3E5C6B
- 49626F
- 546872
- 5F6E76
- 6A7479
- 757A7D
Harmonie kolorów
Komplementarna +180°
- 00445C
Maniac Mansion
- 5B3118
≈ Baker’s Chocolate
Analogowa -30° +30°
- 00445C
Maniac Mansion
- 00474A
≈ Incubi Darkness
- 263D63
≈ Elmer’s Echo
Triada +120° +240°
- 00445C
Maniac Mansion
- 592D43
≈ Vistoris Lake
- 40410A
≈ Green Not Found
Komplementarna rozszczepiona +150° +210°
- 00445C
Maniac Mansion
- 5E2D2E
≈ Jazz
- 513904
≈ Pineapple
Tetrada +90° +180° +270°
- 00445C
Maniac Mansion
- 4E3055
≈ Purple Shade
- 5B3118
≈ Baker’s Chocolate
- 284721
≈ Forestry
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.59:1 · APCA Lc 94
Ag
FailNa czerni
WCAG 1.98:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.59:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--maniac-mansion: #00445c;
--maniac-mansion-rgb: 0 68 92;
--maniac-mansion-oklch: oklch(0.362 0.072 229.9);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(196 100% 18%);
border-color: oklch(0.362 0.072 229.9);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #00445c;
--color-maniac-mansion-50: #e2f9ff;
--color-maniac-mansion-100: #d1edfc;
--color-maniac-mansion-200: #b6daee;
--color-maniac-mansion-300: #93bfd6;
--color-maniac-mansion-400: #71a7c1;
--color-maniac-mansion-500: #508fad;
--color-maniac-mansion-600: #447992;
--color-maniac-mansion-700: #366175;
--color-maniac-mansion-800: #254756;
--color-maniac-mansion-900: #19313c;
--color-maniac-mansion-950: #091d26;
}SCSS
$maniac-mansion: #00445c;
$maniac-mansion-rgb: 0, 68, 92;
$maniac-mansion-light: mix(#fff, $maniac-mansion, 20%);
$maniac-mansion-dark: mix(#000, $maniac-mansion, 20%);
.element {
color: $maniac-mansion;
box-shadow: 0 0 0 2px rgba($maniac-mansion, 0.35);
}