이름 색상 · #617BA6
Miracle Elixir
Miracle Elixir은(는) #617BA6: rgb(97 123 166), hsl(217 28% 52%), oklch(0.58 0.073 260.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Miracle Elixir color name →
#617BA6
oklch(0.58 0.073 260.3)
색상 변환
- HEX
- #617ba6
- RGB
- rgb(97 123 166)
- HSL
- hsl(217 28% 52%)
- HWB
- hwb(217 38% 35%)
- OKLCH
- oklch(0.58 0.073 260.3)
- OKLab
- oklab(0.58 -0.012 -0.072)
- CIE Lab
- lab(50.89 -0.98 -26.34)
- LCH
- lch(50.89 26.36 267.9)
- CMYK
- cmyk(42% 26% 0% 35%)
틴트 · 셰이드 · 톤
틴트
- 7088AF
- 7F94B8
- 8EA1C1
- 9EAECA
- ADBBD3
- BDC9DC
- CDD6E4
- DEE4ED
- EEF1F6
셰이드
- 536A90
- 465A7A
- 394A65
- 2D3A51
- 212C3E
- 151E2B
- 0B101A
- 03050A
- 000101
톤
- 647CA2
- 677C9F
- 6B7D9B
- 6E7D97
- 717E94
- 747E90
- 777F8C
- 7A7F88
- 7D8084
색 조화
보색 +180°
- 617BA6
Miracle Elixir
- 917646
≈ Wool Tweed
유사색 -30° +30°
- 617BA6
Miracle Elixir
- 49829E
≈ Dirty Blue
- 7A73A3
≈ Queen’s
삼각 배색 +120° +240°
- 617BA6
Miracle Elixir
- A16968
≈ Withered Rose
- 63855C
≈ Tee Off
분열 보색 +150° +210°
- 617BA6
Miracle Elixir
- 9E6E52
≈ Whetstone Brown
- 7C7E4A
≈ Terrapin
사각 배색 +90° +180° +270°
- 617BA6
Miracle Elixir
- 9C6880
≈ Penelope Pink
- 917646
≈ Wool Tweed
- 4A8974
≈ Think Leaf
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.29:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.89:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.89:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--miracle-elixir: #617ba6;
--miracle-elixir-rgb: 97 123 166;
--miracle-elixir-oklch: oklch(0.58 0.073 260.3);
}
.element {
color: var(--miracle-elixir);
background-color: hsl(217 28% 52%);
border-color: oklch(0.58 0.073 260.3);
}Tailwind CSS v4
@theme {
--color-miracle-elixir: #617ba6;
--color-miracle-elixir-50: #eaf6ff;
--color-miracle-elixir-100: #dbe9ff;
--color-miracle-elixir-200: #c4d5f4;
--color-miracle-elixir-300: #a3b8de;
--color-miracle-elixir-400: #869fca;
--color-miracle-elixir-500: #6a87b7;
--color-miracle-elixir-600: #5a729b;
--color-miracle-elixir-700: #485b7c;
--color-miracle-elixir-800: #33435c;
--color-miracle-elixir-900: #222e40;
--color-miracle-elixir-950: #111b29;
}SCSS
$miracle-elixir: #617ba6;
$miracle-elixir-rgb: 97, 123, 166;
$miracle-elixir-light: mix(#fff, $miracle-elixir, 20%);
$miracle-elixir-dark: mix(#000, $miracle-elixir, 20%);
.element {
color: $miracle-elixir;
box-shadow: 0 0 0 2px rgba($miracle-elixir, 0.35);
}