가장 가까운 이름 색상 · #2BA4FF
#2BA4FF
가장 가까운 이름 색상: Cerulean
#2BA4FF(rgb(43 164 255), hsl(206 100% 58%), oklch(0.698 0.168 246.9))와 가장 가까운 이름 색상은 Cerulean입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2BA4FF
oklch(0.698 0.168 246.9)
색상 변환
- HEX
- #2ba4ff
- RGB
- rgb(43 164 255)
- HSL
- hsl(206 100% 58%)
- HWB
- hwb(206 17% 0%)
- OKLCH
- oklch(0.698 0.168 246.9)
- OKLab
- oklab(0.698 -0.066 -0.154)
- CIE Lab
- lab(64.33 -8.75 -55.27)
- LCH
- lch(64.33 55.96 261)
- CMYK
- cmyk(83% 36% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 4BAEFF
- 63B7FF
- 79C1FF
- 8DCAFF
- A1D3FF
- B4DCFF
- C7E5FF
- DAEEFF
- ECF6FF
셰이드
- 248EDE
- 1D79BE
- 16649E
- 105080
- 0A3D63
- 052B48
- 021A2E
- 010A16
- 000103
톤
- 3CA1F2
- 499EE5
- 539BD9
- 5C97CC
- 6494BF
- 6B90B3
- 718CA6
- 76889A
- 7B848D
색 조화
보색 +180°
- 2BA4FF
Cerulean
- DC8700
≈ Fleur de Sel Caramel
유사색 -30° +30°
- 2BA4FF
Cerulean
- 00B0D0
≈ Aquarius
- 8691FF
≈ Lavender Blue Shadow
삼각 배색 +120° +240°
- 2BA4FF
Cerulean
- F16A8C
≈ Cupid’s Arrow
- 82B023
≈ Football Field
분열 보색 +150° +210°
- 2BA4FF
Cerulean
- F3724C
≈ Fiery Sky
- B79D00
≈ Perennial
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.67:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.85:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.85:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--cerulean: #2ba4ff;
--cerulean-rgb: 43 164 255;
--cerulean-oklch: oklch(0.698 0.168 246.9);
}
.element {
color: var(--cerulean);
background-color: hsl(206 100% 58%);
border-color: oklch(0.698 0.168 246.9);
}Tailwind CSS v4
@theme {
--color-cerulean: #2ba4ff;
--color-cerulean-50: #d1faff;
--color-cerulean-100: #bdedff;
--color-cerulean-200: #9bdaff;
--color-cerulean-300: #6ebdff;
--color-cerulean-400: #37a5fb;
--color-cerulean-500: #008bed;
--color-cerulean-600: #0075c8;
--color-cerulean-700: #005ea1;
--color-cerulean-800: #004678;
--color-cerulean-900: #003054;
--color-cerulean-950: #001c39;
}SCSS
$cerulean: #2ba4ff;
$cerulean-rgb: 43, 164, 255;
$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);
}