Warna bernama · #3E505F
Midnight Haze
Midnight Haze adalah #3E505F: rgb(62 80 95), hsl(207 21% 31%), oklch(0.422 0.034 243.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Midnight Haze color name →
#3E505F
oklch(0.422 0.034 243.8)
Konversi warna
- HEX
- #3e505f
- RGB
- rgb(62 80 95)
- HSL
- hsl(207 21% 31%)
- HWB
- hwb(207 24% 63%)
- OKLCH
- oklch(0.422 0.034 243.8)
- OKLab
- oklab(0.422 -0.015 -0.03)
- CIE Lab
- lab(32.95 -4.16 -11.22)
- LCH
- lch(32.95 11.96 249.6)
- CMYK
- cmyk(35% 16% 0% 63%)
Tint · Shade · Tone
Tint
- 4F606E
- 61707D
- 73818C
- 86929C
- 99A3AC
- ADB5BC
- C1C7CC
- D5D9DD
- EAECEE
Shade
- 354452
- 2B3944
- 232E38
- 1A242C
- 121A20
- 0A1015
- 04070A
- 010203
- 000000
Tone
- 445562
- 4B5966
- 515E69
- 58636C
- 5E6870
- 656C73
- 6C7176
- 727679
- 797B7D
Harmoni warna
Komplementer +180°
- 3E505F
Midnight Haze
- 5B4A3B
≈ Mousy Brown
Analog -30° +30°
- 3E505F
Midnight Haze
- 385359
≈ Mountain Pine
- 484D60
≈ Midnight Iris
Triadik +120° +240°
- 3E505F
Midnight Haze
- 5E464B
≈ Dark Berry
- 4A513D
≈ Kelp
Split-komplementer +150° +210°
- 3E505F
Midnight Haze
- 5F4742
≈ Warm Brownie
- 544E39
≈ Panda
Tetradik +90° +180° +270°
- 3E505F
Midnight Haze
- 594755
≈ Deep Merlot
- 5B4A3B
≈ Mousy Brown
- 405345
≈ Pine Forest
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 8.34:1 · APCA Lc 89
Ag
FailDi atas hitam
WCAG 2.51:1 · APCA Lc 13
Warna teks terbaik: #FFFFFF
WCAG 8.34:1 (AAA) · APCA Lc 89
Contrast pairs
Cuplikan kode
CSS
:root {
--midnight-haze: #3e505f;
--midnight-haze-rgb: 62 80 95;
--midnight-haze-oklch: oklch(0.422 0.034 243.8);
}
.element {
color: var(--midnight-haze);
background-color: hsl(207 21% 31%);
border-color: oklch(0.422 0.034 243.8);
}Tailwind CSS v4
@theme {
--color-midnight-haze: #3e505f;
--color-midnight-haze-50: #eef6fe;
--color-midnight-haze-100: #dfe9f3;
--color-midnight-haze-200: #c9d6e2;
--color-midnight-haze-300: #aabac8;
--color-midnight-haze-400: #8ea1b1;
--color-midnight-haze-500: #74899b;
--color-midnight-haze-600: #627483;
--color-midnight-haze-700: #4e5d69;
--color-midnight-haze-800: #38444d;
--color-midnight-haze-900: #272f36;
--color-midnight-haze-950: #151c21;
}SCSS
$midnight-haze: #3e505f;
$midnight-haze-rgb: 62, 80, 95;
$midnight-haze-light: mix(#fff, $midnight-haze, 20%);
$midnight-haze-dark: mix(#000, $midnight-haze, 20%);
.element {
color: $midnight-haze;
box-shadow: 0 0 0 2px rgba($midnight-haze, 0.35);
}