Warna bernama · #383E44
Ferry
Ferry adalah #383E44: rgb(56 62 68), hsl(210 10% 24%), oklch(0.361 0.013 248.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Ferry color name →
#383E44
oklch(0.361 0.013 248.2)
Konversi warna
- HEX
- #383e44
- RGB
- rgb(56 62 68)
- HSL
- hsl(210 10% 24%)
- HWB
- hwb(210 22% 73%)
- OKLCH
- oklch(0.361 0.013 248.2)
- OKLab
- oklab(0.361 -0.005 -0.012)
- CIE Lab
- lab(25.81 -1.47 -4.59)
- LCH
- lch(25.81 4.82 252.3)
- CMYK
- cmyk(18% 9% 0% 73%)
Tint · Shade · Tone
Tint
- 494F55
- 5B6166
- 6E7377
- 81868A
- 95999C
- AAACAF
- BEC0C3
- D3D5D6
- E9EAEB
Shade
- 2F353A
- 272B30
- 1F2326
- 171A1D
- 0F1214
- 080A0C
- 040405
- 010102
- 000000
Tone
- 3F444A
- 464B50
- 4D5155
- 54575B
- 5B5E61
- 626567
- 696B6D
- 717274
- 78797A
Harmoni warna
Komplementer +180°
- 383E44
Ferry
- 423C36
≈ Knights of the Desert
Analog -30° +30°
- 383E44
Ferry
- 363F42
≈ Anthracite Grey
- 3B3D44
≈ In the Dark
Triadik +120° +240°
- 383E44
Ferry
- 443B3C
≈ Humpback Whale
- 3B3F37
≈ Sunday Niqab
Split-komplementer +150° +210°
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 10.82:1 · APCA Lc 95
Ag
FailDi atas hitam
WCAG 1.94:1 · APCA Lc 8
Warna teks terbaik: #FFFFFF
WCAG 10.82:1 (AAA) · APCA Lc 95
Contrast pairs
Cuplikan kode
CSS
:root {
--ferry: #383e44;
--ferry-rgb: 56 62 68;
--ferry-oklch: oklch(0.361 0.013 248.2);
}
.element {
color: var(--ferry);
background-color: hsl(210 10% 24%);
border-color: oklch(0.361 0.013 248.2);
}Tailwind CSS v4
@theme {
--color-ferry: #383e44;
--color-ferry-50: #f2f5f9;
--color-ferry-100: #e5e8ec;
--color-ferry-200: #d0d5da;
--color-ferry-300: #b2b8be;
--color-ferry-400: #999fa6;
--color-ferry-500: #80878f;
--color-ferry-600: #6c7279;
--color-ferry-700: #565b61;
--color-ferry-800: #3f4347;
--color-ferry-900: #2b2e31;
--color-ferry-950: #191b1d;
}SCSS
$ferry: #383e44;
$ferry-rgb: 56, 62, 68;
$ferry-light: mix(#fff, $ferry, 20%);
$ferry-dark: mix(#000, $ferry, 20%);
.element {
color: $ferry;
box-shadow: 0 0 0 2px rgba($ferry, 0.35);
}