En yakın adlandırılmış renk · #00405E
#00405E
En yakın adlandırılmış renk: Maniac Mansion
#00405E (rgb(0 64 94), hsl(199 100% 18%), oklch(0.352 0.077 237.2)) en çok Maniac Mansion 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.
#00405E
oklch(0.352 0.077 237.2)
Renk dönüşümleri
- HEX
- #00405e
- RGB
- rgb(0 64 94)
- HSL
- hsl(199 100% 18%)
- HWB
- hwb(199 0% 63%)
- OKLCH
- oklch(0.352 0.077 237.2)
- OKLab
- oklab(0.352 -0.042 -0.065)
- CIE Lab
- lab(24.81 -9.16 -23.36)
- LCH
- lch(24.81 25.09 248.6)
- CMYK
- cmyk(100% 32% 0% 63%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 22516D
- 3A637D
- 52768C
- 6A889C
- 819BAC
- 9AAEBC
- B2C2CD
- CBD6DD
- E5EAEE
Koyu tonlar
- 003651
- 002D44
- 002437
- 001B2B
- 00131F
- 000B14
- 00050A
- 000103
- 000000
Gri tonlar
- 154662
- 244D65
- 315369
- 3C5A6C
- 486070
- 536673
- 5E6D76
- 6A737A
- 757A7D
Renk uyumları
Tamamlayıcı +180°
- 00405E
Maniac Mansion
- 582F0A
≈ Moelleux au Chocolat
Analog -30° +30°
- 00405E
Maniac Mansion
- 00444B
≈ Dark Side
- 293963
≈ Blue Depths
Üçlü +120° +240°
- 00405E
Maniac Mansion
- 5A283B
≈ Zinfandel
- 384005
≈ Dark Olive
Bölünmüş tamamlayıcı +150° +210°
- 00405E
Maniac Mansion
- 5D2924
≈ Ebicha Brown
- 4B3800
≈ Xanthophobia
Dörtlü +90° +180° +270°
- 00405E
Maniac Mansion
- 502B50
≈ Purple Shade
- 582F0A
≈ Moelleux au Chocolat
- 1B4622
≈ Myrtle
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.08:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.89:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 11.08:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--maniac-mansion: #00405e;
--maniac-mansion-rgb: 0 64 94;
--maniac-mansion-oklch: oklch(0.352 0.077 237.2);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(199 100% 18%);
border-color: oklch(0.352 0.077 237.2);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #00405e;
--color-maniac-mansion-50: #e2f9ff;
--color-maniac-mansion-100: #d1ecff;
--color-maniac-mansion-200: #b7daf2;
--color-maniac-mansion-300: #93bedb;
--color-maniac-mansion-400: #72a6c7;
--color-maniac-mansion-500: #518eb3;
--color-maniac-mansion-600: #457897;
--color-maniac-mansion-700: #376079;
--color-maniac-mansion-800: #264759;
--color-maniac-mansion-900: #19313e;
--color-maniac-mansion-950: #0a1d28;
}SCSS
$maniac-mansion: #00405e;
$maniac-mansion-rgb: 0, 64, 94;
$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);
}