가장 가까운 이름 색상 · #752046
#752046
가장 가까운 이름 색상: Her Fierceness
#752046(rgb(117 32 70), hsl(333 57% 29%), oklch(0.391 0.123 357.1))와 가장 가까운 이름 색상은 Her Fierceness입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#752046
oklch(0.391 0.123 357.1)
색상 변환
- HEX
- #752046
- RGB
- rgb(117 32 70)
- HSL
- hsl(333 57% 29%)
- HWB
- hwb(333 13% 54%)
- OKLCH
- oklch(0.391 0.123 357.1)
- OKLab
- oklab(0.391 0.123 -0.006)
- CIE Lab
- lab(27.75 39.81 -1.86)
- LCH
- lch(27.75 39.85 357.3)
- CMYK
- cmyk(0% 73% 40% 54%)
틴트 · 셰이드 · 톤
틴트
- 843756
- 934D67
- A16279
- B0788B
- BD8D9D
- CBA3B0
- D8BAC3
- E5D1D7
- F2E8EB
셰이드
- 651A3C
- 551532
- 460F28
- 370A1E
- 290615
- 1C030D
- 0F0105
- 050002
- 010000
톤
- 782C4C
- 7A3651
- 7C4057
- 7D4A5C
- 7F5362
- 805C68
- 80656E
- 816E74
- 81777A
색 조화
보색 +180°
- 752046
Her Fierceness
- 005245
≈ Tetsu Green
유사색 -30° +30°
- 752046
Her Fierceness
- 662767
≈ Blackest Berry
- 7A211D
≈ Incubus
삼각 배색 +120° +240°
- 752046
Her Fierceness
- 424B00
≈ No Emissions Green
- 004B6D
≈ Navy Dark Blue
분열 보색 +150° +210°
- 752046
Her Fierceness
- 00551B
≈ O Tannenbaum
- 004F57
≈ Deep Atlantic Blue
사각 배색 +90° +180° +270°
- 752046
Her Fierceness
- 584200
≈ Sugarloaf Brown
- 005245
≈ Tetsu Green
- 283F86
≈ Blue Oblivion
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.23:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.05:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 10.23:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--her-fierceness: #752046;
--her-fierceness-rgb: 117 32 70;
--her-fierceness-oklch: oklch(0.391 0.123 357.1);
}
.element {
color: var(--her-fierceness);
background-color: hsl(333 57% 29%);
border-color: oklch(0.391 0.123 357.1);
}Tailwind CSS v4
@theme {
--color-her-fierceness: #752046;
--color-her-fierceness-50: #ffe7f4;
--color-her-fierceness-100: #ffd7e7;
--color-her-fierceness-200: #ffbfd3;
--color-her-fierceness-300: #ec9db6;
--color-her-fierceness-400: #d87e9f;
--color-her-fierceness-500: #c55f87;
--color-her-fierceness-600: #a65172;
--color-her-fierceness-700: #85415b;
--color-her-fierceness-800: #632e44;
--color-her-fierceness-900: #451f2f;
--color-her-fierceness-950: #2d0f1c;
}SCSS
$her-fierceness: #752046;
$her-fierceness-rgb: 117, 32, 70;
$her-fierceness-light: mix(#fff, $her-fierceness, 20%);
$her-fierceness-dark: mix(#000, $her-fierceness, 20%);
.element {
color: $her-fierceness;
box-shadow: 0 0 0 2px rgba($her-fierceness, 0.35);
}