이름 색상 · #383E44
Ferry
Ferry은(는) #383E44: rgb(56 62 68), hsl(210 10% 24%), oklch(0.361 0.013 248.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Ferry color name →
#383E44
oklch(0.361 0.013 248.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 494F55
- 5B6166
- 6E7377
- 81868A
- 95999C
- AAACAF
- BEC0C3
- D3D5D6
- E9EAEB
셰이드
- 2F353A
- 272B30
- 1F2326
- 171A1D
- 0F1214
- 080A0C
- 040405
- 010102
- 000000
톤
- 3F444A
- 464B50
- 4D5155
- 54575B
- 5B5E61
- 626567
- 696B6D
- 717274
- 78797A
색 조화
보색 +180°
- 383E44
Ferry
- 423C36
≈ Knights of the Desert
유사색 -30° +30°
- 383E44
Ferry
- 363F42
≈ Anthracite Grey
- 3B3D44
≈ In the Dark
삼각 배색 +120° +240°
- 383E44
Ferry
- 443B3C
≈ Humpback Whale
- 3B3F37
≈ Sunday Niqab
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.82:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.94:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.82:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
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);
}