# #677ea5 색상: 탁한 파랑

#677ea5 색상은 RGB로 rgb(103, 126, 165), OKLCH로 oklch(59.023% 0.06589 260.805)입니다. 다른 모든 형식, 단계, 대비 값은 아래에 있습니다.

원본: https://pickshade.com/ko/color/677ea5

## 형식

| 형식 | 값 |
| --- | --- |
| HEX | #677ea5 |
| RGB | rgb(103, 126, 165) |
| HSL | hsl(217.74, 25.62%, 52.55%) |
| HSB / HSV | hsv(217.74 37.58% 64.71%) |
| HWB | hwb(217.74 40.39% 35.29%) |
| CMYK | cmyk(38% 24% 0% 35%) |
| Lab | lab(52.12 -1 -23.82) |
| LCH | lch(52.12 23.84 267.6) |
| OKLab | oklab(59.023% -0.01053 -0.06505) |
| OKLCH | oklch(59.023% 0.06589 260.805) |
| Display P3 | color(display-p3 0.42171 0.49145 0.63427) |
| Rec. 2020 | color(rec2020 0.39607 0.44006 0.59273) |
| Adobe RGB | color(a98-rgb 0.43018 0.49037 0.6358) |
| ProPhoto RGB | color(prophoto-rgb 0.40159 0.41593 0.56028) |
| 선형 sRGB | color(srgb-linear 0.13563 0.20864 0.37626) |
| XYZ D65 | color(xyz-d65 0.19845 0.20521 0.38514) |
| XYZ D50 | color(xyz-d50 0.19334 0.20256 0.29083) |
| SwiftUI | Color(red: 0.404, green: 0.494, blue: 0.647) |
| UIKit | UIColor(red: 0.404, green: 0.494, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF677EA5) |
| Android XML | #677EA5 |

## 정보

- 가장 가까운 이름: 탁한 파랑
- 색상 계열: 파랑, 탁한 파랑
- 가장 가까운 Tailwind 클래스: slate-500
- 색역: sRGB 범위 안: 어떤 화면에서도 똑같이 보입니다.
- 흰색과의 대비: 4.11:1
- 검은색과의 대비: 5.1:1

## 틴트

#677ea5, #758aae, #8497b7, #92a3c0, #a1b0c9, #b0bdd2, #c0cadb, #cfd7e4, #dfe4ed, #eff2f6

## 셰이드

#677ea5, #596d8f, #4b5c79, #3d4c65, #303c51, #232d3d, #171f2b, #0c111a, #04050a, #000101

## 톤

#677ea5, #697ea1, #6c7e9d, #6e7e99, #707e95, #727e91, #757e8d, #777e89, #797e85, #7b7d81

## 배색

- 보색: #677ea5, #92794f
- 분할 보색: #677ea5, #9e7259, #7f8153
- 유사색: #677ea5, #53859e, #7d77a2
- 삼각: #677ea5, #a16e6c, #688762
- 직사각: #677ea5, #907196, #92794f, #688762
- 정사각: #677ea5, #9c6d82, #92794f, #538a78
- 단색: #677ea5, #263a5d, #465b80, #8aa3cb, #afc9f3

## #677ea5 색상 관련 질문

### #677ea5 색상은 어떤 색인가요?

#677ea5 색상은 탁한 파랑입니다. 가장 가까운 이름 있는 색상은 탁한 파랑입니다. RGB로는 rgb(103, 126, 165), HSL로는 hsl(217.74, 25.62%, 52.55%), OKLCH로는 oklch(59.023% 0.06589 260.805)입니다.

### #677ea5 색상과 잘 어울리는 색상은 무엇인가요?

#677ea5 색상의 보색은 #92794f입니다. 더 차분한 조합을 원하면 유사색 #53859e, #7d77a2 조합이 좋습니다. 삼각 배색에 쓰는 색상은 #a16e6c, #688762입니다.

### #677ea5 배경에는 흰색과 검은색 중 어떤 텍스트가 더 잘 읽히나요?

#677ea5 배경에서는 흰색 텍스트가 더 잘 읽힙니다. 흰색은 대비 4.11:1, 검은색은 5.1:1입니다. WCAG AA는 본문 텍스트에 최소 4.5:1을 요구합니다.

### #677ea5 색상은 따뜻한 색인가요, 차가운 색인가요?

#677ea5 색상은 차가운 색입니다. OKLCH 기준으로 색조는 261도, 명도는 59%, 크로마는 0.066입니다.