가장 가까운 이름 색상 · #4FACBF
#4FACBF
가장 가까운 이름 색상: Viking
#4FACBF(rgb(79 172 191), hsl(190 47% 53%), oklch(0.696 0.092 213))와 가장 가까운 이름 색상은 Viking입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#4FACBF
oklch(0.696 0.092 213)
색상 변환
- HEX
- #4facbf
- RGB
- rgb(79 172 191)
- HSL
- hsl(190 47% 53%)
- HWB
- hwb(190 31% 25%)
- OKLCH
- oklch(0.696 0.092 213)
- OKLab
- oklab(0.696 -0.077 -0.05)
- CIE Lab
- lab(65.34 -24.48 -18.59)
- LCH
- lch(65.34 30.74 217.2)
- CMYK
- cmyk(59% 10% 0% 25%)
틴트 · 셰이드 · 톤
틴트
- 64B4C5
- 77BDCC
- 89C5D2
- 9BCDD9
- ACD6DF
- BCDEE5
- CDE6EC
- DEEEF2
- EEF7F9
셰이드
- 4495A6
- 387F8D
- 2E6975
- 23545E
- 194048
- 102D33
- 071B1F
- 020B0D
- 000102
톤
- 57A8B9
- 5EA3B2
- 649FAC
- 699BA6
- 6E969F
- 739299
- 768D93
- 7A898C
- 7D8586
색 조화
보색 +180°
- 4FACBF
Viking
- CF8878
≈ Muted Clay
유사색 -30° +30°
- 4FACBF
Viking
- 52B0A2
≈ Water Park
- 69A4D2
≈ Water Spirit
삼각 배색 +120° +240°
- 4FACBF
Viking
- C088B6
≈ Dragonflies
- B19C58
≈ Viva Las Vegas
분열 보색 +150° +210°
- 4FACBF
Viking
- CD8597
≈ Puce
- C6905F
≈ Mid Tan
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.62:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.98:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--viking: #4facbf;
--viking-rgb: 79 172 191;
--viking-oklch: oklch(0.696 0.092 213);
}
.element {
color: var(--viking);
background-color: hsl(190 47% 53%);
border-color: oklch(0.696 0.092 213);
}Tailwind CSS v4
@theme {
--color-viking: #4facbf;
--color-viking-50: #d9fdff;
--color-viking-100: #c6f0fb;
--color-viking-200: #a8dfed;
--color-viking-300: #7fc4d5;
--color-viking-400: #56adbf;
--color-viking-500: #2296aa;
--color-viking-600: #207f90;
--color-viking-700: #1a6573;
--color-viking-800: #0f4b54;
--color-viking-900: #0a343b;
--color-viking-950: #001f25;
}SCSS
$viking: #4facbf;
$viking-rgb: 79, 172, 191;
$viking-light: mix(#fff, $viking, 20%);
$viking-dark: mix(#000, $viking, 20%);
.element {
color: $viking;
box-shadow: 0 0 0 2px rgba($viking, 0.35);
}