# カラーコード #175a75：やわらかな 暗い空色

#175a75 はRGBで rgb(23, 90, 117)、OKLCHで oklch(43.991% 0.0778 229.903) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/175a75

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #175a75 |
| RGB | rgb(23, 90, 117) |
| HSL | hsl(197.23, 67.14%, 27.45%) |
| HSB / HSV | hsv(197.23 80.34% 45.88%) |
| HWB | hwb(197.23 9.02% 54.12%) |
| CMYK | cmyk(80% 23% 0% 54%) |
| Lab | lab(35.2 -13.54 -21.67) |
| LCH | lch(35.2 25.56 237.99) |
| OKLab | oklab(43.991% -0.05011 -0.05951) |
| OKLCH | oklch(43.991% 0.0778 229.903) |
| Display P3 | color(display-p3 0.17259 0.34773 0.44861) |
| Rec. 2020 | color(rec2020 0.17772 0.28478 0.39391) |
| Adobe RGB | color(a98-rgb 0.21848 0.35454 0.45243) |
| ProPhoto RGB | color(prophoto-rgb 0.21582 0.27069 0.36891) |
| 線形sRGB | color(srgb-linear 0.00857 0.10224 0.17789) |
| XYZ D65 | color(xyz-d65 0.0722 0.08778 0.18144) |
| XYZ D50 | color(xyz-d50 0.06857 0.08599 0.13708) |
| SwiftUI | Color(red: 0.09, green: 0.353, blue: 0.459) |
| UIKit | UIColor(red: 0.09, green: 0.353, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFF175A75) |
| Android XML | #175A75 |

## 基本情報

- 最も近い色名: やわらかな 暗い空色
- 色相の系統: 空色, やわらかな 暗い空色
- 最も近いTailwindクラス: cyan-800
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 7.62:1
- 黒とのコントラスト: 2.76:1

## ティント

#175a75, #336982, #4a7990, #60899d, #7699ab, #8caab9, #a3bac6, #b9cbd4, #d0dce2, #e7eef1

## シェード

#175a75, #124d65, #0e4155, #0a3546, #062937, #041e29, #02131c, #01090f, #000305, #000001

## トーン

#175a75, #215972, #2a596e, #30586b, #365867, #3c5764, #415661, #46555d, #4a545a, #4e5356

## カラーハーモニー

- 補色: #175a75, #754529
- 分裂補色: #175a75, #784040, #694d18
- 類似色: #175a75, #005f63, #38537d
- トライアド: #175a75, #724059, #55561d
- テトラード: #175a75, #524b7a, #754529, #55561d
- スクエア: #175a75, #65446d, #754529, #3a5d33
- モノクロマティック: #175a75, #001a2d, #003952, #3f7d99, #63a2bf

## #175a75 についてのよくある質問

### #175a75 は何色ですか？

#175a75 はやわらかな 暗い空色です。最も近い名前のある色はやわらかな 暗い空色です。RGBでは rgb(23, 90, 117)、HSLでは hsl(197.23, 67.14%, 27.45%)、OKLCHでは oklch(43.991% 0.0778 229.903) です。

### #175a75 に合う色は？

#175a75 の補色は #754529 です。落ち着いた組み合わせにするなら、類似色の #005f63 と #38537d を使いましょう。トライアドの組み合わせは #724059 と #55561d です。

### #175a75 の上では白と黒のどちらの文字が読みやすいですか？

#175a75 の上では白の文字のほうが読みやすくなります。白はコントラスト比 7.62:1、黒は 2.76:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #175a75 は暖色と寒色のどちらですか？

#175a75 は寒色系の色です。OKLCHでは色相 230度、明度 44%、クロマ 0.078 です。