이름 색상 · #393C40
Detective Thriller
Detective Thriller은(는) #393C40: rgb(57 60 64), hsl(214 6% 24%), oklch(0.355 0.008 255.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Detective Thriller color name →
#393C40
oklch(0.355 0.008 255.5)
색상 변환
- HEX
- #393c40
- RGB
- rgb(57 60 64)
- HSL
- hsl(214 6% 24%)
- HWB
- hwb(214 22% 75%)
- OKLCH
- oklch(0.355 0.008 255.5)
- OKLab
- oklab(0.355 -0.002 -0.008)
- CIE Lab
- lab(25.14 -0.59 -2.94)
- LCH
- lch(25.14 3 258.6)
- CMYK
- cmyk(11% 6% 0% 75%)
틴트 · 셰이드 · 톤
틴트
- 4A4D51
- 5C5F62
- 6F7174
- 828487
- 96989A
- AAABAD
- BFC0C1
- D4D4D5
- E9EAEA
셰이드
- 303336
- 282A2D
- 1F2124
- 17191B
- 101113
- 090A0B
- 040405
- 010101
- 000000
톤
- 404246
- 46494C
- 4D4F52
- 545659
- 5B5D5F
- 626466
- 6A6B6C
- 717273
- 787979
색 조화
보색 +180°
- 393C40
Detective Thriller
- 3E3B37
≈ Iridium
유사색 -30° +30°
- 393C40
Detective Thriller
- 383D3F
≈ Mine Shaft
- 3B3B40
≈ In the Dark
삼각 배색 +120° +240°
- 393C40
Detective Thriller
- 403A3A
≈ Eclipse
- 3A3D39
≈ Zeus
분열 보색 +150° +210°
- 393C40
Detective Thriller
- 403B38
≈ Knights of the Desert
- 3C3C37
≈ Zeus
사각 배색 +90° +180° +270°
- 393C40
Detective Thriller
- 3F3A3D
≈ Moonless Night
- 3E3B37
≈ Iridium
- 383D3B
≈ Limousine Leather
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.08:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.89:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.08:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--detective-thriller: #393c40;
--detective-thriller-rgb: 57 60 64;
--detective-thriller-oklch: oklch(0.355 0.008 255.5);
}
.element {
color: var(--detective-thriller);
background-color: hsl(214 6% 24%);
border-color: oklch(0.355 0.008 255.5);
}Tailwind CSS v4
@theme {
--color-detective-thriller: #393c40;
--color-detective-thriller-50: #f4f5f7;
--color-detective-thriller-100: #e6e8ea;
--color-detective-thriller-200: #d2d4d8;
--color-detective-thriller-300: #b5b7bb;
--color-detective-thriller-400: #9b9fa3;
--color-detective-thriller-500: #83868c;
--color-detective-thriller-600: #6f7276;
--color-detective-thriller-700: #585b5e;
--color-detective-thriller-800: #404345;
--color-detective-thriller-900: #2c2e30;
--color-detective-thriller-950: #191b1c;
}SCSS
$detective-thriller: #393c40;
$detective-thriller-rgb: 57, 60, 64;
$detective-thriller-light: mix(#fff, $detective-thriller, 20%);
$detective-thriller-dark: mix(#000, $detective-thriller, 20%);
.element {
color: $detective-thriller;
box-shadow: 0 0 0 2px rgba($detective-thriller, 0.35);
}