가장 가까운 이름 색상 · #3698B2
#3698B2
가장 가까운 이름 색상: Enchanted Well
#3698B2(rgb(54 152 178), hsl(193 53% 45%), oklch(0.634 0.097 219))와 가장 가까운 이름 색상은 Enchanted Well입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3698B2
oklch(0.634 0.097 219)
색상 변환
- HEX
- #3698b2
- RGB
- rgb(54 152 178)
- HSL
- hsl(193 53% 45%)
- HWB
- hwb(193 21% 30%)
- OKLCH
- oklch(0.634 0.097 219)
- OKLab
- oklab(0.634 -0.075 -0.061)
- CIE Lab
- lab(58.06 -22.92 -22.42)
- LCH
- lch(58.06 32.06 224.4)
- CMYK
- cmyk(70% 15% 0% 30%)
틴트 · 셰이드 · 톤
틴트
- 50A2BA
- 66ACC1
- 7AB7C9
- 8EC1D1
- A1CBD9
- B4D6E0
- C7E0E8
- D9EAF0
- ECF5F7
셰이드
- 2E849A
- 257083
- 1E5C6D
- 164A57
- 0F3843
- 08272F
- 03171D
- 01080C
- 000101
톤
- 4396AD
- 4D94A8
- 5591A3
- 5D8F9E
- 648D99
- 6B8A94
- 70888F
- 76858A
- 7B8385
색 조화
보색 +180°
- 3698B2
Enchanted Well
- BD755E
≈ Sienna Sky
유사색 -30° +30°
- 3698B2
Enchanted Well
- 2F9D96
≈ Dreamy Teal
- 5A8FC3
≈ Come Sail Away
삼각 배색 +120° +240°
- 3698B2
Enchanted Well
- B1739E
≈ Orchid Kiss
- 998B41
≈ Plantation Island
분열 보색 +150° +210°
- 3698B2
Enchanted Well
- BD717E
≈ Briar Rose
- B07F45
≈ Bungalow Gold
사각 배색 +90° +180° +270°
- 3698B2
Enchanted Well
- 9B7AB7
≈ Lavender Purple
- BD755E
≈ Sienna Sky
- 789655
≈ Drab Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.33:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.29:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--enchanted-well: #3698b2;
--enchanted-well-rgb: 54 152 178;
--enchanted-well-oklch: oklch(0.634 0.097 219);
}
.element {
color: var(--enchanted-well);
background-color: hsl(193 53% 45%);
border-color: oklch(0.634 0.097 219);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #3698b2;
--color-enchanted-well-50: #d8fcff;
--color-enchanted-well-100: #c5f0ff;
--color-enchanted-well-200: #a7def2;
--color-enchanted-well-300: #7ec3da;
--color-enchanted-well-400: #54acc5;
--color-enchanted-well-500: #1b95b1;
--color-enchanted-well-600: #1c7e96;
--color-enchanted-well-700: #176578;
--color-enchanted-well-800: #0c4a58;
--color-enchanted-well-900: #08343e;
--color-enchanted-well-950: #001f27;
}SCSS
$enchanted-well: #3698b2;
$enchanted-well-rgb: 54, 152, 178;
$enchanted-well-light: mix(#fff, $enchanted-well, 20%);
$enchanted-well-dark: mix(#000, $enchanted-well, 20%);
.element {
color: $enchanted-well;
box-shadow: 0 0 0 2px rgba($enchanted-well, 0.35);
}