가장 가까운 이름 색상 · #904441
#904441
가장 가까운 이름 색상: Red My Mind
#904441(rgb(144 68 65), hsl(2 38% 41%), oklch(0.483 0.104 24))와 가장 가까운 이름 색상은 Red My Mind입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#904441
oklch(0.483 0.104 24)
색상 변환
- HEX
- #904441
- RGB
- rgb(144 68 65)
- HSL
- hsl(2 38% 41%)
- HWB
- hwb(2 25% 44%)
- OKLCH
- oklch(0.483 0.104 24)
- OKLab
- oklab(0.483 0.095 0.042)
- CIE Lab
- lab(39.02 32.62 17.77)
- LCH
- lch(39.02 37.14 28.6)
- CMYK
- cmyk(0% 53% 55% 44%)
틴트 · 셰이드 · 톤
틴트
- 9C5652
- A86864
- B47A76
- BF8D89
- CA9F9B
- D5B2AF
- E0C5C2
- EBD8D6
- F5EBEA
셰이드
- 7D3A37
- 6A302E
- 572625
- 451D1C
- 341413
- 240C0B
- 150505
- 070201
- 010000
톤
- 8F4B47
- 8F514E
- 8E5754
- 8C5E5A
- 8B6460
- 896967
- 876F6D
- 857573
- 837A7A
색 조화
보색 +180°
- 904441
Red My Mind
- 006C74
≈ Toadstool Teal
유사색 -30° +30°
- 904441
Red My Mind
- 8A4362
≈ Putnam Plum
- 8B4C1C
≈ Brown Eyed Girl
삼각 배색 +120° +240°
- 904441
Red My Mind
- 366D36
≈ San Felix
- 405C99
≈ Blue Dahlia
분열 보색 +150° +210°
- 904441
Red My Mind
- 006F5A
≈ Teal Dark Green
- 00678E
≈ Pulsating Blue
사각 배색 +90° +180° +270°
- 904441
Red My Mind
- 5E640C
≈ Mud Green
- 006C74
≈ Toadstool Teal
- 625193
≈ Fine Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 6.79:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.08:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.79:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--red-my-mind: #904441;
--red-my-mind-rgb: 144 68 65;
--red-my-mind-oklch: oklch(0.483 0.104 24);
}
.element {
color: var(--red-my-mind);
background-color: hsl(2 38% 41%);
border-color: oklch(0.483 0.104 24);
}Tailwind CSS v4
@theme {
--color-red-my-mind: #904441;
--color-red-my-mind-50: #ffebe6;
--color-red-my-mind-100: #ffdbd6;
--color-red-my-mind-200: #fec4bd;
--color-red-my-mind-300: #e8a39c;
--color-red-my-mind-400: #d58680;
--color-red-my-mind-500: #c16964;
--color-red-my-mind-600: #a35955;
--color-red-my-mind-700: #834744;
--color-red-my-mind-800: #613332;
--color-red-my-mind-900: #442322;
--color-red-my-mind-950: #2c1111;
}SCSS
$red-my-mind: #904441;
$red-my-mind-rgb: 144, 68, 65;
$red-my-mind-light: mix(#fff, $red-my-mind, 20%);
$red-my-mind-dark: mix(#000, $red-my-mind, 20%);
.element {
color: $red-my-mind;
box-shadow: 0 0 0 2px rgba($red-my-mind, 0.35);
}