# カラーコード #4978bb：やわらかな 青

#4978bb はRGBで rgb(73, 120, 187)、OKLCHで oklch(57.03% 0.11627 257.375) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4978bb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4978bb |
| RGB | rgb(73, 120, 187) |
| HSL | hsl(215.26, 45.6%, 50.98%) |
| HSB / HSV | hsv(215.26 60.96% 73.33%) |
| HWB | hwb(215.26 28.63% 26.67%) |
| CMYK | cmyk(61% 36% 0% 27%) |
| Lab | lab(49.45 -0.37 -40.8) |
| LCH | lch(49.45 40.8 269.47) |
| OKLab | oklab(57.03% -0.02541 -0.11346) |
| OKLCH | oklch(57.03% 0.11627 257.375) |
| Display P3 | color(display-p3 0.32848 0.46587 0.71333) |
| Rec. 2020 | color(rec2020 0.33221 0.41259 0.67782) |
| Adobe RGB | color(a98-rgb 0.35282 0.46748 0.71909) |
| ProPhoto RGB | color(prophoto-rgb 0.37013 0.39116 0.64432) |
| 線形sRGB | color(srgb-linear 0.06663 0.18782 0.49693) |
| XYZ D65 | color(xyz-d65 0.18432 0.18437 0.49603) |
| XYZ D50 | color(xyz-d50 0.17249 0.17959 0.37402) |
| SwiftUI | Color(red: 0.286, green: 0.471, blue: 0.733) |
| UIKit | UIColor(red: 0.286, green: 0.471, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF4978BB) |
| Android XML | #4978BB |

## 基本情報

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

## ティント

#4978bb, #5b85c2, #6c93ca, #7ea0d1, #90add8, #a2bbdf, #b4c8e5, #c7d6ec, #d9e4f2, #ecf1f9

## シェード

#4978bb, #3e67a2, #34578a, #2a4873, #20395c, #172a46, #0e1d32, #06101f, #02050d, #000102

## トーン

#4978bb, #4e78b4, #5479ae, #5879a7, #5d79a1, #62799a, #667993, #6b798c, #6f7885, #73787e

## カラーハーモニー

- 補色: #4978bb, #9d6d0a
- 分裂補色: #4978bb, #ae6036, #7f7c14
- 類似色: #4978bb, #0084ac, #746bb8
- トライアド: #4978bb, #b1585e, #548740
- テトラード: #4978bb, #9360a4, #9d6d0a, #548740
- スクエア: #4978bb, #a85984, #9d6d0a, #008d69
- モノクロマティック: #4978bb, #02326f, #275594, #6c9de3, #91c3ff

## #4978bb についてのよくある質問

### #4978bb は何色ですか？

#4978bb はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(73, 120, 187)、HSLでは hsl(215.26, 45.6%, 50.98%)、OKLCHでは oklch(57.03% 0.11627 257.375) です。

### #4978bb に合う色は？

#4978bb の補色は #9d6d0a です。落ち着いた組み合わせにするなら、類似色の #0084ac と #746bb8 を使いましょう。トライアドの組み合わせは #b1585e と #548740 です。

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

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

### #4978bb は暖色と寒色のどちらですか？

#4978bb は寒色系の色です。OKLCHでは色相 257度、明度 57%、クロマ 0.116 です。