가장 가까운 이름 색상 · #4C94B0
#4C94B0
가장 가까운 이름 색상: Enchanted Well
#4C94B0(rgb(76 148 176), hsl(197 40% 49%), oklch(0.631 0.083 225.9))와 가장 가까운 이름 색상은 Enchanted Well입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#4C94B0
oklch(0.631 0.083 225.9)
색상 변환
- HEX
- #4c94b0
- RGB
- rgb(76 148 176)
- HSL
- hsl(197 40% 49%)
- HWB
- hwb(197 30% 31%)
- OKLCH
- oklch(0.631 0.083 225.9)
- OKLab
- oklab(0.631 -0.058 -0.06)
- CIE Lab
- lab(57.53 -17.23 -22.02)
- LCH
- lch(57.53 27.96 232)
- CMYK
- cmyk(57% 16% 0% 31%)
틴트 · 셰이드 · 톤
틴트
- 5F9EB8
- 72A9C0
- 84B4C8
- 96BED0
- A7C9D8
- B9D4DF
- CADEE7
- DCE9EF
- EDF4F7
셰이드
- 418099
- 366D82
- 2C5A6C
- 224856
- 183642
- 0F262E
- 06161C
- 02080B
- 000101
톤
- 5392AB
- 5A90A6
- 608EA2
- 658C9D
- 6A8A98
- 6F8893
- 74868F
- 78848A
- 7C8285
색 조화
보색 +180°
- 4C94B0
Enchanted Well
- B4795E
≈ Myrtle Pepper
유사색 -30° +30°
- 4C94B0
Enchanted Well
- 42999A
≈ Aquatic Green
- 688CBC
≈ Faded Blue
삼각 배색 +120° +240°
- 4C94B0
Enchanted Well
- AE7594
≈ So Long Shadow
- 908D4F
≈ Green Jalapeño
분열 보색 +150° +210°
- 4C94B0
Enchanted Well
- B67478
≈ Precious Garnet
- A7834D
≈ Muddy Waters
사각 배색 +90° +180° +270°
- 4C94B0
Enchanted Well
- 9D7AAC
≈ Cloudy Plum
- B4795E
≈ Myrtle Pepper
- 739562
≈ Van Gogh Olives
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.40:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.17:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.17:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--enchanted-well: #4c94b0;
--enchanted-well-rgb: 76 148 176;
--enchanted-well-oklch: oklch(0.631 0.083 225.9);
}
.element {
color: var(--enchanted-well);
background-color: hsl(197 40% 49%);
border-color: oklch(0.631 0.083 225.9);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #4c94b0;
--color-enchanted-well-50: #defbff;
--color-enchanted-well-100: #cceefe;
--color-enchanted-well-200: #b0dcf1;
--color-enchanted-well-300: #8ac0d9;
--color-enchanted-well-400: #66a9c4;
--color-enchanted-well-500: #3f91b0;
--color-enchanted-well-600: #377b95;
--color-enchanted-well-700: #2c6277;
--color-enchanted-well-800: #1d4958;
--color-enchanted-well-900: #13323d;
--color-enchanted-well-950: #051e27;
}SCSS
$enchanted-well: #4c94b0;
$enchanted-well-rgb: 76, 148, 176;
$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);
}