가장 가까운 이름 색상 · #433F5D
#433F5D
가장 가까운 이름 색상: Storm Is Coming
#433F5D(rgb(67 63 93), hsl(248 19% 31%), oklch(0.385 0.051 289.9))와 가장 가까운 이름 색상은 Storm Is Coming입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#433F5D
oklch(0.385 0.051 289.9)
색상 변환
- HEX
- #433f5d
- RGB
- rgb(67 63 93)
- HSL
- hsl(248 19% 31%)
- HWB
- hwb(248 25% 64%)
- OKLCH
- oklch(0.385 0.051 289.9)
- OKLab
- oklab(0.385 0.017 -0.048)
- CIE Lab
- lab(28.05 7.47 -17.36)
- LCH
- lch(28.05 18.89 293.3)
- CMYK
- cmyk(28% 32% 0% 64%)
틴트 · 셰이드 · 톤
틴트
- 54506C
- 65627C
- 76748B
- 89879B
- 9B9AAB
- AEADBC
- C2C1CC
- D6D5DD
- EAEAEE
셰이드
- 393550
- 2F2C43
- 262337
- 1D1B2A
- 14121F
- 0C0A14
- 05040A
- 010103
- 000000
톤
- 494561
- 4E4C64
- 545268
- 5A586B
- 605F6F
- 676572
- 6D6C76
- 737379
- 7A797D
색 조화
보색 +180°
- 433F5D
Storm Is Coming
- 454625
≈ Nori Seaweed Green
유사색 -30° +30°
- 433F5D
Storm Is Coming
- 34445F
≈ Spelunking
- 503B55
≈ Amethyst Dark Violet
삼각 배색 +120° +240°
- 433F5D
Storm Is Coming
- 5A3C2B
≈ Peat Brown
- 254C3F
≈ Springbok Green
분열 보색 +150° +210°
- 433F5D
Storm Is Coming
- 524123
≈ Clove Yellow Brown
- 354A30
≈ Palm Leaf
사각 배색 +90° +180° +270°
- 433F5D
Storm Is Coming
- 5C3838
≈ Warmed Wine
- 454625
≈ Nori Seaweed Green
- 1D4C4E
≈ Hornblende Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.96:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.10:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--storm-is-coming: #433f5d;
--storm-is-coming-rgb: 67 63 93;
--storm-is-coming-oklch: oklch(0.385 0.051 289.9);
}
.element {
color: var(--storm-is-coming);
background-color: hsl(248 19% 31%);
border-color: oklch(0.385 0.051 289.9);
}Tailwind CSS v4
@theme {
--color-storm-is-coming: #433f5d;
--color-storm-is-coming-50: #f5f3ff;
--color-storm-is-coming-100: #e8e5f8;
--color-storm-is-coming-200: #d4d1e9;
--color-storm-is-coming-300: #b7b3d0;
--color-storm-is-coming-400: #9d9abb;
--color-storm-is-coming-500: #8581a6;
--color-storm-is-coming-600: #716d8c;
--color-storm-is-coming-700: #5a5770;
--color-storm-is-coming-800: #414053;
--color-storm-is-coming-900: #2d2c3a;
--color-storm-is-coming-950: #1a1924;
}SCSS
$storm-is-coming: #433f5d;
$storm-is-coming-rgb: 67, 63, 93;
$storm-is-coming-light: mix(#fff, $storm-is-coming, 20%);
$storm-is-coming-dark: mix(#000, $storm-is-coming, 20%);
.element {
color: $storm-is-coming;
box-shadow: 0 0 0 2px rgba($storm-is-coming, 0.35);
}