가장 가까운 이름 색상 · #451624
#451624
가장 가까운 이름 색상: What We Do in the Shadows
#451624(rgb(69 22 36), hsl(342 52% 18%), oklch(0.279 0.074 4.7))와 가장 가까운 이름 색상은 What We Do in the Shadows입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#451624
oklch(0.279 0.074 4.7)
색상 변환
- HEX
- #451624
- RGB
- rgb(69 22 36)
- HSL
- hsl(342 52% 18%)
- HWB
- hwb(342 9% 73%)
- OKLCH
- oklch(0.279 0.074 4.7)
- OKLab
- oklab(0.279 0.073 0.006)
- CIE Lab
- lab(15.52 24.08 2.7)
- LCH
- lch(15.52 24.23 6.4)
- CMYK
- cmyk(0% 68% 48% 73%)
틴트 · 셰이드 · 톤
틴트
- 572B36
- 69404A
- 7C565E
- 8E6C73
- A18389
- B39BA0
- C6B3B7
- D9CCCE
- ECE5E6
셰이드
- 3B121E
- 310D18
- 270912
- 1E060C
- 150307
- 0C0204
- 050102
- 020000
- 000000
톤
- 4C212C
- 522B35
- 58353E
- 5F4047
- 654A50
- 6A5559
- 705F63
- 756A6C
- 7B7576
색 조화
보색 +180°
- 451624
What We Do in the Shadows
- 00302C
≈ Roof Tile Green
유사색 -30° +30°
- 451624
What We Do in the Shadows
- 3E1937
≈ Nightly Voyager
- 46180D
≈ Barbecue Sauce
삼각 배색 +120° +240°
- 451624
What We Do in the Shadows
- 212E00
≈ Blind Forest
- 002B48
≈ Royal Blue Metallic
분열 보색 +150° +210°
- 451624
What We Do in the Shadows
- 003218
≈ Haunted Hills
- 002F38
≈ Black Chasm
사각 배색 +90° +180° +270°
- 451624
What We Do in the Shadows
- 322800
≈ Secret Passage
- 00302C
≈ Roof Tile Green
- 1F244C
≈ Black Market
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.07:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.39:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.07:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--what-we-do-in-the-shadows: #451624;
--what-we-do-in-the-shadows-rgb: 69 22 36;
--what-we-do-in-the-shadows-oklch: oklch(0.279 0.074 4.7);
}
.element {
color: var(--what-we-do-in-the-shadows);
background-color: hsl(342 52% 18%);
border-color: oklch(0.279 0.074 4.7);
}Tailwind CSS v4
@theme {
--color-what-we-do-in-the-shadows: #451624;
--color-what-we-do-in-the-shadows-50: #ffedf1;
--color-what-we-do-in-the-shadows-100: #ffdee4;
--color-what-we-do-in-the-shadows-200: #f1c8cf;
--color-what-we-do-in-the-shadows-300: #daa8b1;
--color-what-we-do-in-the-shadows-400: #c58c99;
--color-what-we-do-in-the-shadows-500: #b07180;
--color-what-we-do-in-the-shadows-600: #95606c;
--color-what-we-do-in-the-shadows-700: #774d56;
--color-what-we-do-in-the-shadows-800: #583840;
--color-what-we-do-in-the-shadows-900: #3e262c;
--color-what-we-do-in-the-shadows-950: #271419;
}SCSS
$what-we-do-in-the-shadows: #451624;
$what-we-do-in-the-shadows-rgb: 69, 22, 36;
$what-we-do-in-the-shadows-light: mix(#fff, $what-we-do-in-the-shadows, 20%);
$what-we-do-in-the-shadows-dark: mix(#000, $what-we-do-in-the-shadows, 20%);
.element {
color: $what-we-do-in-the-shadows;
box-shadow: 0 0 0 2px rgba($what-we-do-in-the-shadows, 0.35);
}