En yakın adlandırılmış renk · #003951
#003951
En yakın adlandırılmış renk: Maniac Mansion
#003951 (rgb(0 57 81), hsl(198 100% 16%), oklch(0.325 0.068 233.8)) 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.
#003951
oklch(0.325 0.068 233.8)
Renk dönüşümleri
- HEX
- #003951
- RGB
- rgb(0 57 81)
- HSL
- hsl(198 100% 16%)
- HWB
- hwb(198 0% 68%)
- OKLCH
- oklch(0.325 0.068 233.8)
- OKLab
- oklab(0.325 -0.04 -0.055)
- CIE Lab
- lab(21.7 -9.67 -19.73)
- LCH
- lch(21.7 21.97 243.9)
- CMYK
- cmyk(100% 30% 0% 68%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1F4B61
- 385D72
- 4F7082
- 678393
- 7F97A5
- 98ABB6
- B1BFC8
- CAD4DA
- E4E9EC
Koyu tonlar
- 003045
- 00283A
- 001F2F
- 001724
- 00101A
- 000910
- 000407
- 000102
- 000000
Gri tonlar
- 134056
- 22475B
- 2E4E5F
- 3A5564
- 465C69
- 52636E
- 5D6A72
- 697277
- 74797B
Renk uyumları
Tamamlayıcı +180°
- 003951
Maniac Mansion
- 4E290E
≈ Brown Study
Analog -30° +30°
- 003951
Maniac Mansion
- 003C41
≈ Ghostlands Coal
- 223357
≈ Boatswain
Üçlü +120° +240°
- 003951
Maniac Mansion
- 4E2436
≈ Carambar
- 343706
≈ Wasabi Nori
Bölünmüş tamamlayıcı +150° +210°
- 003951
Maniac Mansion
- 512423
≈ Lonestar
- 443000
≈ Night in the Woods
Dörtlü +90° +180° +270°
- 003951
Maniac Mansion
- 452748
≈ Opulent Mauve
- 4E290E
≈ Brown Study
- 1C3D1C
≈ Queen of Trees
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.32:1 · APCA Lc 98
Ag
FailSiyah üzerinde
WCAG 1.70:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.32:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--maniac-mansion: #003951;
--maniac-mansion-rgb: 0 57 81;
--maniac-mansion-oklch: oklch(0.325 0.068 233.8);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(198 100% 16%);
border-color: oklch(0.325 0.068 233.8);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #003951;
--color-maniac-mansion-50: #e4f9ff;
--color-maniac-mansion-100: #d3ecfc;
--color-maniac-mansion-200: #bad9ee;
--color-maniac-mansion-300: #97bed6;
--color-maniac-mansion-400: #76a6c1;
--color-maniac-mansion-500: #568eac;
--color-maniac-mansion-600: #4a7892;
--color-maniac-mansion-700: #3b6075;
--color-maniac-mansion-800: #294756;
--color-maniac-mansion-900: #1b313c;
--color-maniac-mansion-950: #0c1d26;
}SCSS
$maniac-mansion: #003951;
$maniac-mansion-rgb: 0, 57, 81;
$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);
}