이름 색상 · #393F4C
Indigo Iron
Indigo Iron은(는) #393F4C: rgb(57 63 76), hsl(221 14% 26%), oklch(0.367 0.024 265.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Indigo Iron color name →
#393F4C
oklch(0.367 0.024 265.7)
색상 변환
- HEX
- #393f4c
- RGB
- rgb(57 63 76)
- HSL
- hsl(221 14% 26%)
- HWB
- hwb(221 22% 70%)
- OKLCH
- oklch(0.367 0.024 265.7)
- OKLab
- oklab(0.367 -0.002 -0.024)
- CIE Lab
- lab(26.48 -0.05 -8.82)
- LCH
- lch(26.48 8.82 269.7)
- CMYK
- cmyk(25% 17% 0% 70%)
틴트 · 셰이드 · 톤
틴트
- 4A505C
- 5C626D
- 6F747E
- 82868F
- 9699A1
- AAADB3
- BFC1C6
- D4D5D8
- E9EAEC
셰이드
- 303541
- 282C36
- 1F232C
- 171B22
- 101218
- 090A0F
- 040406
- 010102
- 000000
톤
- 404551
- 464B56
- 4D525B
- 545860
- 5B5F66
- 62656B
- 6A6C70
- 717275
- 78797B
색 조화
보색 +180°
- 393F4C
Indigo Iron
- 453E31
≈ Bold Eagle
유사색 -30° +30°
- 393F4C
Indigo Iron
- 33414A
≈ Big Stone
- 403D4B
≈ Italian Grape
삼각 배색 +120° +240°
- 393F4C
Indigo Iron
- 4B3A39
≈ Blackberry Burgundy
- 374338
≈ Timber Green
분열 보색 +150° +210°
- 393F4C
Indigo Iron
- 493C33
≈ Ancient Lavastone
- 3E4132
≈ Scrub
사각 배색 +90° +180° +270°
- 393F4C
Indigo Iron
- 4A3A3F
≈ Pitch Black
- 453E31
≈ Bold Eagle
- 32433E
≈ Bracken Fern
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.55:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.98:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.55:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--indigo-iron: #393f4c;
--indigo-iron-rgb: 57 63 76;
--indigo-iron-oklch: oklch(0.367 0.024 265.7);
}
.element {
color: var(--indigo-iron);
background-color: hsl(221 14% 26%);
border-color: oklch(0.367 0.024 265.7);
}Tailwind CSS v4
@theme {
--color-indigo-iron: #393f4c;
--color-indigo-iron-50: #f2f5fc;
--color-indigo-iron-100: #e4e8f0;
--color-indigo-iron-200: #d0d4df;
--color-indigo-iron-300: #b2b7c4;
--color-indigo-iron-400: #989ead;
--color-indigo-iron-500: #7f8697;
--color-indigo-iron-600: #6b727f;
--color-indigo-iron-700: #565b66;
--color-indigo-iron-800: #3e424b;
--color-indigo-iron-900: #2b2e34;
--color-indigo-iron-950: #181b1f;
}SCSS
$indigo-iron: #393f4c;
$indigo-iron-rgb: 57, 63, 76;
$indigo-iron-light: mix(#fff, $indigo-iron, 20%);
$indigo-iron-dark: mix(#000, $indigo-iron, 20%);
.element {
color: $indigo-iron;
box-shadow: 0 0 0 2px rgba($indigo-iron, 0.35);
}