En yakın adlandırılmış renk · #004664
#004664
En yakın adlandırılmış renk: Maniac Mansion
#004664 (rgb(0 70 100), hsl(198 100% 20%), oklch(0.372 0.079 235.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.
#004664
oklch(0.372 0.079 235.2)
Renk dönüşümleri
- HEX
- #004664
- RGB
- rgb(0 70 100)
- HSL
- hsl(198 100% 20%)
- HWB
- hwb(198 0% 61%)
- OKLCH
- oklch(0.372 0.079 235.2)
- OKLab
- oklab(0.372 -0.045 -0.065)
- CIE Lab
- lab(27.19 -10.51 -23.48)
- LCH
- lch(27.19 25.73 245.9)
- CMYK
- cmyk(100% 30% 0% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 235773
- 3C6882
- 547A91
- 6C8CA0
- 839FB0
- 9BB1BF
- B3C4CF
- CCD8DF
- E5EBEF
Koyu tonlar
- 003C56
- 003248
- 00283B
- 001E2E
- 001522
- 000D16
- 00050B
- 000203
- 000000
Gri tonlar
- 174C67
- 26526A
- 32586D
- 3E5D70
- 496373
- 556976
- 5F6F78
- 6A757B
- 757A7D
Renk uyumları
Tamamlayıcı +180°
- 004664
Maniac Mansion
- 603310
≈ Baker’s Chocolate
Analog -30° +30°
- 004664
Maniac Mansion
- 004A50
≈ Sherpa Blue
- 2C3E6A
≈ Newport Indigo
Üçlü +120° +240°
- 004664
Maniac Mansion
- 602D42
≈ Windsor Wine
- 3F4508
≈ Green Not Found
Bölünmüş tamamlayıcı +150° +210°
- 004664
Maniac Mansion
- 642E2A
≈ Rookwood Red
- 533C00
≈ Pineapple
Dörtlü +90° +180° +270°
- 004664
Maniac Mansion
- 553057
≈ Grape Royale
- 603310
≈ Baker’s Chocolate
- 224B25
≈ Cal Poly Pomona Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.19:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.06:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.19:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--maniac-mansion: #004664;
--maniac-mansion-rgb: 0 70 100;
--maniac-mansion-oklch: oklch(0.372 0.079 235.2);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(198 100% 20%);
border-color: oklch(0.372 0.079 235.2);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #004664;
--color-maniac-mansion-50: #e1f9ff;
--color-maniac-mansion-100: #d0edff;
--color-maniac-mansion-200: #b5daf2;
--color-maniac-mansion-300: #91bedb;
--color-maniac-mansion-400: #6fa6c7;
--color-maniac-mansion-500: #4d8eb3;
--color-maniac-mansion-600: #427997;
--color-maniac-mansion-700: #356079;
--color-maniac-mansion-800: #244759;
--color-maniac-mansion-900: #18313f;
--color-maniac-mansion-950: #081d28;
}SCSS
$maniac-mansion: #004664;
$maniac-mansion-rgb: 0, 70, 100;
$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);
}