가장 가까운 이름 색상 · #2CA4FD
#2CA4FD
가장 가까운 이름 색상: Cerulean
#2CA4FD(rgb(44 164 253), hsl(206 98% 58%), oklch(0.697 0.165 246.5))와 가장 가까운 이름 색상은 Cerulean입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2CA4FD
oklch(0.697 0.165 246.5)
색상 변환
- HEX
- #2ca4fd
- RGB
- rgb(44 164 253)
- HSL
- hsl(206 98% 58%)
- HWB
- hwb(206 17% 1%)
- OKLCH
- oklch(0.697 0.165 246.5)
- OKLab
- oklab(0.697 -0.066 -0.151)
- CIE Lab
- lab(64.26 -9.25 -54.3)
- LCH
- lch(64.26 55.08 260.3)
- CMYK
- cmyk(83% 35% 0% 1%)
틴트 · 셰이드 · 톤
틴트
- 4BAEFE
- 64B7FF
- 79C1FF
- 8ECAFF
- A1D3FF
- B4DCFF
- C7E5FF
- DAEEFF
- ECF6FF
셰이드
- 258EDC
- 1E79BC
- 17649D
- 11507F
- 0A3D62
- 052B47
- 021A2D
- 010A16
- 000103
톤
- 3DA1F0
- 4A9EE4
- 549BD7
- 5C97CB
- 6494BE
- 6B90B2
- 718CA6
- 768899
- 7B848D
색 조화
보색 +180°
- 2CA4FD
Cerulean
- DC8700
≈ Fleur de Sel Caramel
유사색 -30° +30°
- 2CA4FD
Cerulean
- 00B0CF
≈ Aquarius
- 8591FF
≈ Lavender Blue Shadow
삼각 배색 +120° +240°
- 2CA4FD
Cerulean
- EF6B8D
≈ Cupid’s Arrow
- 83AF26
≈ Football Field
분열 보색 +150° +210°
- 2CA4FD
Cerulean
- F1724F
≈ Fiery Sky
- B89C00
≈ Perennial
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.68:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.83:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.83:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--cerulean: #2ca4fd;
--cerulean-rgb: 44 164 253;
--cerulean-oklch: oklch(0.697 0.165 246.5);
}
.element {
color: var(--cerulean);
background-color: hsl(206 98% 58%);
border-color: oklch(0.697 0.165 246.5);
}Tailwind CSS v4
@theme {
--color-cerulean: #2ca4fd;
--color-cerulean-50: #d1faff;
--color-cerulean-100: #bdedff;
--color-cerulean-200: #9bdbff;
--color-cerulean-300: #6fbeff;
--color-cerulean-400: #38a5f9;
--color-cerulean-500: #008beb;
--color-cerulean-600: #0076c7;
--color-cerulean-700: #005ea0;
--color-cerulean-800: #004677;
--color-cerulean-900: #003054;
--color-cerulean-950: #001c38;
}SCSS
$cerulean: #2ca4fd;
$cerulean-rgb: 44, 164, 253;
$cerulean-light: mix(#fff, $cerulean, 20%);
$cerulean-dark: mix(#000, $cerulean, 20%);
.element {
color: $cerulean;
box-shadow: 0 0 0 2px rgba($cerulean, 0.35);
}