# サファイアブルーのカラーコード：#0f52ba

#0f52ba はRGBで rgb(15, 82, 186)、OKLCHで oklch(46.654% 0.17629 260.008) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/colors/sapphire

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #0f52ba |
| RGB | rgb(15, 82, 186) |
| HSL | hsl(216.49, 85.07%, 39.41%) |
| HSB / HSV | hsv(216.49 91.94% 72.94%) |
| HWB | hwb(216.49 5.88% 27.06%) |
| CMYK | cmyk(92% 56% 0% 27%) |
| Lab | lab(36.24 13.48 -61.47) |
| LCH | lch(36.24 62.93 282.37) |
| OKLab | oklab(46.654% -0.03059 -0.17361) |
| OKLCH | oklch(46.654% 0.17629 260.008) |
| Display P3 | color(display-p3 0.14693 0.31661 0.7037) |
| Rec. 2020 | color(rec2020 0.19144 0.26034 0.66607) |
| Adobe RGB | color(a98-rgb 0.19499 0.3249 0.71235) |
| ProPhoto RGB | color(prophoto-rgb 0.27734 0.25918 0.62971) |
| 線形sRGB | color(srgb-linear 0.00478 0.08438 0.49102) |
| XYZ D65 | color(xyz-d65 0.12076 0.09681 0.47688) |
| XYZ D50 | color(xyz-d50 0.10484 0.09132 0.3589) |
| SwiftUI | Color(red: 0.059, green: 0.322, blue: 0.729) |
| UIKit | UIColor(red: 0.059, green: 0.322, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFF0F52BA) |
| Android XML | #0F52BA |

## 基本情報

- 最も近い色名: サファイアブルー
- 色相の系統: 青, 深みのある 暗い青
- 最も近いTailwindクラス: blue-800
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 7.15:1
- 黒とのコントラスト: 2.94:1

## ティント

#0f52ba, #2c65c2, #4476ca, #5b88d2, #7199d9, #88aae1, #9fbbe7, #b7ccee, #cfddf4, #e7eefa

## シェード

#0f52ba, #0b46a1, #083b89, #052f72, #03255c, #021a46, #011132, #00081e, #00020d, #000002

## トーン

#0f52ba, #1c54b1, #2556a7, #2e589e, #355994, #3c5a8b, #425a81, #485a78, #4e5a6e, #545a64

## カラーハーモニー

- 補色: #0f52ba, #7b5000
- 分裂補色: #0f52ba, #973800, #5f5e00
- 類似色: #0f52ba, #00648e, #5d3eb3
- トライアド: #0f52ba, #a6142d, #006f00
- テトラード: #0f52ba, #832c95, #7b5000, #006f00
- スクエア: #0f52ba, #9b1a67, #7b5000, #006d50
- モノクロマティック: #0f52ba, #00006b, #002c92, #3777e3, #5b9eff

## サファイアブルーについてのよくある質問

### サファイアブルーのカラーコードは？

サファイアブルーのカラーコードは #0f52ba です。RGBでは rgb(15, 82, 186)、HSLでは hsl(216.49, 85.07%, 39.41%)、OKLCHでは oklch(46.654% 0.17629 260.008) です。

### サファイアブルーに合う色は？

補色は #7b5000 です。落ち着いた印象にするなら、類似色の #00648e と #5d3eb3 と組み合わせましょう。サファイアブルーを使ったパレットはこのページで紹介しています。

### サファイアブルーは暖色と寒色のどちらですか？

サファイアブルーは寒色系の色で、OKLCHの色相は260度です。

### サファイアブルーの上で読みやすい文字色は？

サファイアブルーの上では白の文字のほうが読みやすくなります。白はコントラスト比 7.15:1、黒は 2.94:1 です。WCAG AAでは本文に4.5:1以上が求められます。