이름 색상 · #244343
Metal Deluxe
Metal Deluxe은(는) #244343: rgb(36 67 67), hsl(180 30% 20%), oklch(0.359 0.037 195.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Metal Deluxe color name →
#244343
oklch(0.359 0.037 195.6)
색상 변환
- HEX
- #244343
- RGB
- rgb(36 67 67)
- HSL
- hsl(180 30% 20%)
- HWB
- hwb(180 14% 74%)
- OKLCH
- oklch(0.359 0.037 195.6)
- OKLab
- oklab(0.359 -0.036 -0.01)
- CIE Lab
- lab(26.03 -12 -3.81)
- LCH
- lch(26.03 12.59 197.6)
- CMYK
- cmyk(46% 0% 0% 74%)
틴트 · 셰이드 · 톤
틴트
- 385454
- 4C6565
- 617777
- 768989
- 8C9C9C
- A2AFAF
- B8C2C2
- D0D6D6
- E7EAEA
셰이드
- 1E3939
- 182F2F
- 122626
- 0C1D1D
- 071414
- 040C0C
- 020505
- 000101
- 000000
톤
- 2D4949
- 374F4F
- 405555
- 495B5B
- 526161
- 5B6767
- 646D6D
- 6D7373
- 777A7A
색 조화
보색 +180°
- 244343
Metal Deluxe
- 4E3536
≈ Chocolate Red
유사색 -30° +30°
- 244343
Metal Deluxe
- 2A4338
≈ Mushiao Green
- 27414C
≈ Green Vogue
삼각 배색 +120° +240°
- 244343
Metal Deluxe
- 44374A
≈ Wineshade
- 483A27
≈ Harpy Brown
분열 보색 +150° +210°
- 244343
Metal Deluxe
- 4B3541
≈ Vincotto
- 4D372D
≈ Chicory Coffee
사각 배색 +90° +180° +270°
- 244343
Metal Deluxe
- 3B3A50
≈ Carbon Blue
- 4E3536
≈ Chocolate Red
- 3F3E27
≈ Green 383
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.72:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.95:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.72:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--metal-deluxe: #244343;
--metal-deluxe-rgb: 36 67 67;
--metal-deluxe-oklch: oklch(0.359 0.037 195.6);
}
.element {
color: var(--metal-deluxe);
background-color: hsl(180 30% 20%);
border-color: oklch(0.359 0.037 195.6);
}Tailwind CSS v4
@theme {
--color-metal-deluxe: #244343;
--color-metal-deluxe-50: #eaf9f9;
--color-metal-deluxe-100: #dbecec;
--color-metal-deluxe-200: #c3d9da;
--color-metal-deluxe-300: #a2bebe;
--color-metal-deluxe-400: #86a6a5;
--color-metal-deluxe-500: #6a8e8e;
--color-metal-deluxe-600: #5a7878;
--color-metal-deluxe-700: #486060;
--color-metal-deluxe-800: #344746;
--color-metal-deluxe-900: #233130;
--color-metal-deluxe-950: #121d1d;
}SCSS
$metal-deluxe: #244343;
$metal-deluxe-rgb: 36, 67, 67;
$metal-deluxe-light: mix(#fff, $metal-deluxe, 20%);
$metal-deluxe-dark: mix(#000, $metal-deluxe, 20%);
.element {
color: $metal-deluxe;
box-shadow: 0 0 0 2px rgba($metal-deluxe, 0.35);
}