가장 가까운 이름 색상 · #2688FF
#2688FF
가장 가까운 이름 색상: Pool Water
#2688FF(rgb(38 136 255), hsl(213 100% 57%), oklch(0.636 0.198 256.3))와 가장 가까운 이름 색상은 Pool Water입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2688FF
oklch(0.636 0.198 256.3)
색상 변환
- HEX
- #2688ff
- RGB
- rgb(38 136 255)
- HSL
- hsl(213 100% 57%)
- HWB
- hwb(213 15% 0%)
- OKLCH
- oklch(0.636 0.198 256.3)
- OKLab
- oklab(0.636 -0.047 -0.192)
- CIE Lab
- lab(56.23 5.92 -68.19)
- LCH
- lch(56.23 68.44 275)
- CMYK
- cmyk(85% 47% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 4395FF
- 5AA2FF
- 70AEFF
- 85BAFF
- 9AC6FF
- AED2FF
- C2DDFF
- D6E9FF
- EBF4FF
셰이드
- 2075DE
- 1963BE
- 13529E
- 0D4180
- 083163
- 042248
- 02132E
- 010616
- 000103
톤
- 3588F2
- 4289E6
- 4C88D9
- 5588CD
- 5D87C0
- 6586B4
- 6C85A7
- 73849A
- 7A828D
색 조화
보색 +180°
- 2688FF
Pool Water
- B87E00
≈ Guo Tie Dumpling
유사색 -30° +30°
- 2688FF
Pool Water
- 0099C3
≈ Atomic Blue
- 8671FB
≈ Blackthorn Berry
삼각 배색 +120° +240°
- 2688FF
Pool Water
- EA4860
≈ Guide Pink
- 4DA300
≈ Lawn Green
분열 보색 +150° +210°
- 2688FF
Pool Water
- DE5F00
≈ Ancient Bamboo
- 968F00
≈ Smoothie Green
사각 배색 +90° +180° +270°
- 2688FF
Pool Water
- DA4CA3
≈ Nova Pink
- B87E00
≈ Guo Tie Dumpling
- 00A479
≈ Active Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.47:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.04:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.04:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--pool-water: #2688ff;
--pool-water-rgb: 38 136 255;
--pool-water-oklch: oklch(0.636 0.198 256.3);
}
.element {
color: var(--pool-water);
background-color: hsl(213 100% 57%);
border-color: oklch(0.636 0.198 256.3);
}Tailwind CSS v4
@theme {
--color-pool-water: #2688ff;
--color-pool-water-50: #d3f8ff;
--color-pool-water-100: #bfeaff;
--color-pool-water-200: #9fd6ff;
--color-pool-water-300: #76b8ff;
--color-pool-water-400: #459dff;
--color-pool-water-500: #0081ff;
--color-pool-water-600: #056ddb;
--color-pool-water-700: #0758b1;
--color-pool-water-800: #004184;
--color-pool-water-900: #002d5d;
--color-pool-water-950: #001940;
}SCSS
$pool-water: #2688ff;
$pool-water-rgb: 38, 136, 255;
$pool-water-light: mix(#fff, $pool-water, 20%);
$pool-water-dark: mix(#000, $pool-water, 20%);
.element {
color: $pool-water;
box-shadow: 0 0 0 2px rgba($pool-water, 0.35);
}