가장 가까운 이름 색상 · #459AB6
#459AB6
가장 가까운 이름 색상: Enchanted Well
#459AB6(rgb(69 154 182), hsl(195 45% 49%), oklch(0.645 0.091 222.7))와 가장 가까운 이름 색상은 Enchanted Well입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#459AB6
oklch(0.645 0.091 222.7)
색상 변환
- HEX
- #459ab6
- RGB
- rgb(69 154 182)
- HSL
- hsl(195 45% 49%)
- HWB
- hwb(195 27% 29%)
- OKLCH
- oklch(0.645 0.091 222.7)
- OKLab
- oklab(0.645 -0.067 -0.062)
- CIE Lab
- lab(59.27 -20.17 -22.78)
- LCH
- lch(59.27 30.43 228.5)
- CMYK
- cmyk(62% 15% 0% 29%)
틴트 · 셰이드 · 톤
틴트
- 5BA4BD
- 6EAEC5
- 81B8CC
- 94C2D3
- A6CCDB
- B8D6E2
- C9E0E9
- DBEBF0
- EDF5F8
셰이드
- 3B859E
- 317186
- 275E6F
- 1E4B59
- 153944
- 0C2730
- 05171D
- 02090C
- 000102
톤
- 4E98B1
- 5695AB
- 5D93A6
- 6390A0
- 698E9B
- 6E8B96
- 738890
- 78868B
- 7C8385
색 조화
보색 +180°
- 459AB6
Enchanted Well
- BD7B60
≈ Autumn’s Hill
유사색 -30° +30°
- 459AB6
Enchanted Well
- 3C9F9D
≈ Baltic Green
- 6591C4
≈ Cobalt Glow
삼각 배색 +120° +240°
- 459AB6
Enchanted Well
- B5779D
≈ Valentine Heart
- 98904B
≈ Delta Break
분열 보색 +150° +210°
- 459AB6
Enchanted Well
- BE767E
≈ Cinnamon Roll
- B0854C
≈ Rice Curry
사각 배색 +90° +180° +270°
- 459AB6
Enchanted Well
- A17DB6
≈ Lush Lilac
- BD7B60
≈ Autumn’s Hill
- 789A5F
≈ Dry Moss
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.20:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.55:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--enchanted-well: #459ab6;
--enchanted-well-rgb: 69 154 182;
--enchanted-well-oklch: oklch(0.645 0.091 222.7);
}
.element {
color: var(--enchanted-well);
background-color: hsl(195 45% 49%);
border-color: oklch(0.645 0.091 222.7);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #459ab6;
--color-enchanted-well-50: #dafbff;
--color-enchanted-well-100: #c8efff;
--color-enchanted-well-200: #abddf2;
--color-enchanted-well-300: #83c2db;
--color-enchanted-well-400: #5cabc6;
--color-enchanted-well-500: #2f93b2;
--color-enchanted-well-600: #2a7c96;
--color-enchanted-well-700: #226478;
--color-enchanted-well-800: #154958;
--color-enchanted-well-900: #0d333e;
--color-enchanted-well-950: #011f27;
}SCSS
$enchanted-well: #459ab6;
$enchanted-well-rgb: 69, 154, 182;
$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);
}