# カラーコード #0f577e：深みのある 暗い空色

#0f577e はRGBで rgb(15, 87, 126)、OKLCHで oklch(43.529% 0.09186 239.213) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/0f577e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #0f577e |
| RGB | rgb(15, 87, 126) |
| HSL | hsl(201.08, 78.72%, 27.65%) |
| HSB / HSV | hsv(201.08 88.1% 49.41%) |
| HWB | hwb(201.08 5.88% 50.59%) |
| CMYK | cmyk(88% 31% 0% 51%) |
| Lab | lab(34.4 -10.04 -28.45) |
| LCH | lch(34.4 30.17 250.57) |
| OKLab | oklab(43.529% -0.04702 -0.07892) |
| OKLCH | oklch(43.529% 0.09186 239.213) |
| Display P3 | color(display-p3 0.15532 0.33592 0.48109) |
| Rec. 2020 | color(rec2020 0.16866 0.27332 0.42787) |
| Adobe RGB | color(a98-rgb 0.20475 0.3434 0.48535) |
| ProPhoto RGB | color(prophoto-rgb 0.21587 0.26178 0.39963) |
| 線形sRGB | color(srgb-linear 0.00478 0.09531 0.20864) |
| XYZ D65 | color(xyz-d65 0.07371 0.08424 0.20977) |
| XYZ D50 | color(xyz-d50 0.06864 0.08204 0.15831) |
| SwiftUI | Color(red: 0.059, green: 0.341, blue: 0.494) |
| UIKit | UIColor(red: 0.059, green: 0.341, blue: 0.494, alpha: 1) |
| Flutter / Compose | Color(0xFF0F577E) |
| Android XML | #0F577E |

## 基本情報

- 最も近い色名: 深みのある 暗い空色
- 色相の系統: 空色, 深みのある 暗い空色
- 最も近いTailwindクラス: sky-800
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 7.82:1
- 黒とのコントラスト: 2.68:1

## ティント

#0f577e, #2e678b, #467798, #5d87a4, #7498b1, #8aa8be, #a1b9cb, #b8cad8, #cfdce5, #e7edf2

## シェード

#0f577e, #0b4b6d, #083e5c, #05334c, #03273c, #021c2d, #01121f, #000811, #000305, #000001

## トーン

#0f577e, #1c577a, #255675, #2d5671, #33556c, #395568, #3f5464, #44545f, #48535a, #4d5256

## カラーハーモニー

- 補色: #0f577e, #764313
- 分裂補色: #0f577e, #7c3b33, #654e00
- 類似色: #0f577e, #005e6c, #3d4e84
- トライアド: #0f577e, #793950, #4c5813
- テトラード: #0f577e, #59447c, #764313, #4c5813
- スクエア: #0f577e, #6d3d6a, #764313, #265f34
- モノクロマティック: #0f577e, #001731, #00365b, #397aa3, #5e9fc9

## #0f577e についてのよくある質問

### #0f577e は何色ですか？

#0f577e は深みのある 暗い空色です。最も近い名前のある色は深みのある 暗い空色です。RGBでは rgb(15, 87, 126)、HSLでは hsl(201.08, 78.72%, 27.65%)、OKLCHでは oklch(43.529% 0.09186 239.213) です。

### #0f577e に合う色は？

#0f577e の補色は #764313 です。落ち着いた組み合わせにするなら、類似色の #005e6c と #3d4e84 を使いましょう。トライアドの組み合わせは #793950 と #4c5813 です。

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

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

### #0f577e は暖色と寒色のどちらですか？

#0f577e は寒色系の色です。OKLCHでは色相 239度、明度 43.5%、クロマ 0.092 です。