En yakın adlandırılmış renk · #043F52
#043F52
En yakın adlandırılmış renk: Maniac Mansion
#043F52 (rgb(4 63 82), hsl(195 91% 17%), oklch(0.343 0.064 226.4)) 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.
#043F52
oklch(0.343 0.064 226.4)
Renk dönüşümleri
- HEX
- #043f52
- RGB
- rgb(4 63 82)
- HSL
- hsl(195 91% 17%)
- HWB
- hwb(195 2% 68%)
- OKLCH
- oklch(0.343 0.064 226.4)
- OKLab
- oklab(0.343 -0.044 -0.046)
- CIE Lab
- lab(24.01 -12.19 -16.8)
- LCH
- lch(24.01 20.76 234)
- CMYK
- cmyk(95% 23% 0% 68%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 235062
- 3B6272
- 537483
- 6A8794
- 829AA5
- 9AAEB6
- B2C1C8
- CCD6DA
- E5EAED
Koyu tonlar
- 033546
- 022C3B
- 01232F
- 011B25
- 00121A
- 000A11
- 000408
- 000102
- 000000
Gri tonlar
- 174557
- 254C5B
- 325260
- 3D5965
- 485F69
- 54666E
- 5F6C72
- 6A7377
- 75797B
Renk uyumları
Tamamlayıcı +180°
- 043F52
Maniac Mansion
- 532D1A
≈ Boson Brown
Analog -30° +30°
- 043F52
Maniac Mansion
- 004243
≈ Warm Black
- 223959
≈ Navy Peony
Üçlü +120° +240°
- 043F52
Maniac Mansion
- 502A3F
≈ Potent Purple
- 3D3B0D
≈ Camouflage
Bölünmüş tamamlayıcı +150° +210°
- 043F52
Maniac Mansion
- 552A2D
≈ Kuwazome Red
- 4B340B
≈ Kyoto House
Dörtlü +90° +180° +270°
- 043F52
Maniac Mansion
- 462E4F
≈ Purple Pennant
- 532D1A
≈ Boson Brown
- 29401E
≈ Myrtle
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.42:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.83:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.42:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--maniac-mansion: #043f52;
--maniac-mansion-rgb: 4 63 82;
--maniac-mansion-oklch: oklch(0.343 0.064 226.4);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(195 91% 17%);
border-color: oklch(0.343 0.064 226.4);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #043f52;
--color-maniac-mansion-50: #e3f9ff;
--color-maniac-mansion-100: #d3edf9;
--color-maniac-mansion-200: #b9daea;
--color-maniac-mansion-300: #96bed1;
--color-maniac-mansion-400: #76a7bc;
--color-maniac-mansion-500: #568fa7;
--color-maniac-mansion-600: #49798d;
--color-maniac-mansion-700: #3a6171;
--color-maniac-mansion-800: #294753;
--color-maniac-mansion-900: #1b313a;
--color-maniac-mansion-950: #0b1d24;
}SCSS
$maniac-mansion: #043f52;
$maniac-mansion-rgb: 4, 63, 82;
$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);
}