가장 가까운 이름 색상 · #3FA7BF
#3FA7BF
가장 가까운 이름 색상: True Sky Blue
#3FA7BF(rgb(63 167 191), hsl(191 50% 50%), oklch(0.678 0.1 216))와 가장 가까운 이름 색상은 True Sky Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3FA7BF
oklch(0.678 0.1 216)
색상 변환
- HEX
- #3fa7bf
- RGB
- rgb(63 167 191)
- HSL
- hsl(191 50% 50%)
- HWB
- hwb(191 25% 25%)
- OKLCH
- oklch(0.678 0.1 216)
- OKLab
- oklab(0.678 -0.081 -0.059)
- CIE Lab
- lab(63.32 -25.17 -21.69)
- LCH
- lch(63.32 33.23 220.8)
- CMYK
- cmyk(67% 13% 0% 25%)
틴트 · 셰이드 · 톤
틴트
- 58B0C5
- 6DB9CC
- 81C1D2
- 94CAD9
- A6D3DF
- B8DCE6
- CAE5EC
- DCEDF2
- EDF6F9
셰이드
- 3591A6
- 2C7B8D
- 236675
- 1B525E
- 123E48
- 0A2C33
- 041A1F
- 010A0D
- 000102
톤
- 4AA3B9
- 549FB2
- 5C9CAC
- 6398A6
- 69949F
- 6E9099
- 738C93
- 78888D
- 7C8486
색 조화
보색 +180°
- 3FA7BF
True Sky Blue
- CD816C
≈ Fire Chalk
유사색 -30° +30°
- 3FA7BF
True Sky Blue
- 3EACA1
≈ Waterfall
- 619ED2
≈ Picton Blue
삼각 배색 +120° +240°
- 3FA7BF
True Sky Blue
- BF80AF
≈ Drama Violet
- AA984B
≈ Semi Opal
분열 보색 +150° +210°
- 3FA7BF
True Sky Blue
- CC7D8E
≈ Dusky Pink
- C28B52
≈ Toffee Tart
사각 배색 +90° +180° +270°
- 3FA7BF
True Sky Blue
- A788C9
≈ Lilac Purple
- CD816C
≈ Fire Chalk
- 88A35D
≈ Zesty Apple
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.80:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.49:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--true-sky-blue: #3fa7bf;
--true-sky-blue-rgb: 63 167 191;
--true-sky-blue-oklch: oklch(0.678 0.1 216);
}
.element {
color: var(--true-sky-blue);
background-color: hsl(191 50% 50%);
border-color: oklch(0.678 0.1 216);
}Tailwind CSS v4
@theme {
--color-true-sky-blue: #3fa7bf;
--color-true-sky-blue-50: #d6fdff;
--color-true-sky-blue-100: #c4f1fe;
--color-true-sky-blue-200: #a4dff1;
--color-true-sky-blue-300: #7ac4d9;
--color-true-sky-blue-400: #4eadc4;
--color-true-sky-blue-500: #0296b0;
--color-true-sky-blue-600: #0e7f95;
--color-true-sky-blue-700: #0d6677;
--color-true-sky-blue-800: #054b57;
--color-true-sky-blue-900: #04343d;
--color-true-sky-blue-950: #001f27;
}SCSS
$true-sky-blue: #3fa7bf;
$true-sky-blue-rgb: 63, 167, 191;
$true-sky-blue-light: mix(#fff, $true-sky-blue, 20%);
$true-sky-blue-dark: mix(#000, $true-sky-blue, 20%);
.element {
color: $true-sky-blue;
box-shadow: 0 0 0 2px rgba($true-sky-blue, 0.35);
}