가장 가까운 이름 색상 · #3D89FF
#3D89FF
가장 가까운 이름 색상: Pool Water
#3D89FF(rgb(61 137 255), hsl(216 100% 62%), oklch(0.644 0.191 259.1))와 가장 가까운 이름 색상은 Pool Water입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3D89FF
oklch(0.644 0.191 259.1)
색상 변환
- HEX
- #3d89ff
- RGB
- rgb(61 137 255)
- HSL
- hsl(216 100% 62%)
- HWB
- hwb(216 24% 0%)
- OKLCH
- oklch(0.644 0.191 259.1)
- OKLab
- oklab(0.644 -0.036 -0.188)
- CIE Lab
- lab(57.11 7.8 -66.74)
- LCH
- lch(57.11 67.19 276.7)
- CMYK
- cmyk(76% 46% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 5296FF
- 66A3FF
- 7AAFFF
- 8DBBFF
- A0C6FF
- B3D2FF
- C6DDFF
- D9E9FF
- ECF4FF
셰이드
- 3476DE
- 2B64BE
- 22539E
- 1A4280
- 123163
- 0A2248
- 04142E
- 010716
- 000103
톤
- 4689F2
- 4E89E6
- 5689D9
- 5D88CD
- 6388C0
- 6A87B4
- 7085A7
- 75849A
- 7B828D
색 조화
보색 +180°
- 3D89FF
Pool Water
- B88200
≈ Letter Jacket
유사색 -30° +30°
- 3D89FF
Pool Water
- 009BCB
≈ Isle of Capri
- 8D73F8
≈ Bainganī
삼각 배색 +120° +240°
- 3D89FF
Pool Water
- EA4F5D
≈ Highlighter Red
- 43A71D
≈ Lawn Green
분열 보색 +150° +210°
- 3D89FF
Pool Water
- DD6600
≈ Orange Danger
- 959300
≈ Old Asparagus
사각 배색 +90° +180° +270°
- 3D89FF
Pool Water
- DD519F
≈ Nova Pink
- B88200
≈ Letter Jacket
- 00A680
≈ Active Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.37:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.22:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--pool-water: #3d89ff;
--pool-water-rgb: 61 137 255;
--pool-water-oklch: oklch(0.644 0.191 259.1);
}
.element {
color: var(--pool-water);
background-color: hsl(216 100% 62%);
border-color: oklch(0.644 0.191 259.1);
}Tailwind CSS v4
@theme {
--color-pool-water: #3d89ff;
--color-pool-water-50: #d7f7ff;
--color-pool-water-100: #c4e9ff;
--color-pool-water-200: #a6d5ff;
--color-pool-water-300: #7fb6ff;
--color-pool-water-400: #549cff;
--color-pool-water-500: #287fff;
--color-pool-water-600: #246cd9;
--color-pool-water-700: #1d56af;
--color-pool-water-800: #0b4082;
--color-pool-water-900: #072c5c;
--color-pool-water-950: #00183f;
}SCSS
$pool-water: #3d89ff;
$pool-water-rgb: 61, 137, 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);
}