가장 가까운 이름 색상 · #2272EA
#2272EA
가장 가까운 이름 색상: Deep Sky Blue
#2272EA(rgb(34 114 234), hsl(216 83% 53%), oklch(0.575 0.197 259.2))와 가장 가까운 이름 색상은 Deep Sky Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2272EA
oklch(0.575 0.197 259.2)
색상 변환
- HEX
- #2272ea
- RGB
- rgb(34 114 234)
- HSL
- hsl(216 83% 53%)
- HWB
- hwb(216 13% 8%)
- OKLCH
- oklch(0.575 0.197 259.2)
- OKLab
- oklab(0.575 -0.037 -0.193)
- CIE Lab
- lab(48.77 11.52 -68.59)
- LCH
- lch(48.77 69.55 279.5)
- CMYK
- cmyk(85% 51% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- 3D82EE
- 5391F1
- 699FF4
- 7FADF7
- 94BBF9
- A9C9FB
- BED7FD
- D4E4FE
- E9F2FF
셰이드
- 1C62CB
- 1653AE
- 114491
- 0B3675
- 07285A
- 031B41
- 010E29
- 000413
- 000103
톤
- 3075E0
- 3C78D6
- 467ACB
- 4F7CC1
- 587DB7
- 617EAC
- 697FA2
- 718097
- 79808B
색 조화
보색 +180°
- 2272EA
Deep Sky Blue
- 9E6F00
≈ Golden Hind
유사색 -30° +30°
- 2272EA
Deep Sky Blue
- 0084AE
≈ Tusche Blue
- 7A5BE3
≈ Candy Grape Fizz
삼각 배색 +120° +240°
- 2272EA
Deep Sky Blue
- D43147
≈ Bloody Rust
- 319000
≈ Cossack Green
분열 보색 +150° +210°
- 2272EA
Deep Sky Blue
- BE5600
≈ Sebright Chicken
- 7F7E00
≈ Olive
사각 배색 +90° +180° +270°
- 2272EA
Deep Sky Blue
- C6368A
≈ Magenta Pink
- 9E6F00
≈ Golden Hind
- 008E6D
≈ Observatory
대비 및 접근성
Ag
AA흰색 위
WCAG 4.50:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.66:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--deep-sky-blue: #2272ea;
--deep-sky-blue-rgb: 34 114 234;
--deep-sky-blue-oklch: oklch(0.575 0.197 259.2);
}
.element {
color: var(--deep-sky-blue);
background-color: hsl(216 83% 53%);
border-color: oklch(0.575 0.197 259.2);
}Tailwind CSS v4
@theme {
--color-deep-sky-blue: #2272ea;
--color-deep-sky-blue-50: #d6f7ff;
--color-deep-sky-blue-100: #c3e9ff;
--color-deep-sky-blue-200: #a4d5ff;
--color-deep-sky-blue-300: #7db6ff;
--color-deep-sky-blue-400: #519bff;
--color-deep-sky-blue-500: #237eff;
--color-deep-sky-blue-600: #216bdc;
--color-deep-sky-blue-700: #1a56b1;
--color-deep-sky-blue-800: #073f84;
--color-deep-sky-blue-900: #052c5e;
--color-deep-sky-blue-950: #001840;
}SCSS
$deep-sky-blue: #2272ea;
$deep-sky-blue-rgb: 34, 114, 234;
$deep-sky-blue-light: mix(#fff, $deep-sky-blue, 20%);
$deep-sky-blue-dark: mix(#000, $deep-sky-blue, 20%);
.element {
color: $deep-sky-blue;
box-shadow: 0 0 0 2px rgba($deep-sky-blue, 0.35);
}