가장 가까운 이름 색상 · #0079FF
#0079FF
가장 가까운 이름 색상: Hadfield Blue
#0079FF(rgb(0 121 255), hsl(212 100% 50%), oklch(0.601 0.219 257.6))와 가장 가까운 이름 색상은 Hadfield Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#0079FF
oklch(0.601 0.219 257.6)
색상 변환
- HEX
- #0079ff
- RGB
- rgb(0 121 255)
- HSL
- hsl(212 100% 50%)
- HWB
- hwb(212 0% 0%)
- OKLCH
- oklch(0.601 0.219 257.6)
- OKLab
- oklab(0.601 -0.047 -0.214)
- CIE Lab
- lab(51.58 12.72 -75.72)
- LCH
- lch(51.58 76.79 279.5)
- CMYK
- cmyk(100% 53% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 3088FF
- 4C97FF
- 64A5FF
- 7BB3FF
- 91C0FF
- A7CDFF
- BDDAFF
- D3E6FF
- E9F3FF
셰이드
- 0068DE
- 0058BE
- 00489E
- 003980
- 002B63
- 001D48
- 00102E
- 000516
- 000103
톤
- 217CF3
- 327EE6
- 407FDA
- 4B80CD
- 5581C1
- 5F82B4
- 6882A8
- 70819B
- 78818E
색 조화
보색 +180°
- 0079FF
Hadfield Blue
- A97500
≈ Falafel
유사색 -30° +30°
- 0079FF
Hadfield Blue
- 008DB7
≈ Spinnaker Blue
- 7F5FF9
≈ Purple Anemone
삼각 배색 +120° +240°
- 0079FF
Hadfield Blue
- E5294D
≈ Manganese Red
- 3F9800
≈ Planter
분열 보색 +150° +210°
- 0079FF
Hadfield Blue
- CB5A00
≈ Rusty Orange
- 898500
≈ Palak Paneer
사각 배색 +90° +180° +270°
- 0079FF
Hadfield Blue
- D53198
≈ Dark Princess Pink
- A97500
≈ Falafel
- 009772
≈ Cadaverous
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.05:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.17:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.17:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--hadfield-blue: #0079ff;
--hadfield-blue-rgb: 0 121 255;
--hadfield-blue-oklch: oklch(0.601 0.219 257.6);
}
.element {
color: var(--hadfield-blue);
background-color: hsl(212 100% 50%);
border-color: oklch(0.601 0.219 257.6);
}Tailwind CSS v4
@theme {
--color-hadfield-blue: #0079ff;
--color-hadfield-blue-50: #d0f7ff;
--color-hadfield-blue-100: #bdeaff;
--color-hadfield-blue-200: #9cd5ff;
--color-hadfield-blue-300: #71b6ff;
--color-hadfield-blue-400: #3d9bff;
--color-hadfield-blue-500: #007cff;
--color-hadfield-blue-600: #006ae7;
--color-hadfield-blue-700: #0055ba;
--color-hadfield-blue-800: #003f8b;
--color-hadfield-blue-900: #002b63;
--color-hadfield-blue-950: #001844;
}SCSS
$hadfield-blue: #0079ff;
$hadfield-blue-rgb: 0, 121, 255;
$hadfield-blue-light: mix(#fff, $hadfield-blue, 20%);
$hadfield-blue-dark: mix(#000, $hadfield-blue, 20%);
.element {
color: $hadfield-blue;
box-shadow: 0 0 0 2px rgba($hadfield-blue, 0.35);
}