# カラーコード #4e76ac：やわらかな 青

#4e76ac はRGBで rgb(78, 118, 172)、OKLCHで oklch(56.019% 0.09574 256.22) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4e76ac

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4e76ac |
| RGB | rgb(78, 118, 172) |
| HSL | hsl(214.47, 37.6%, 49.02%) |
| HSB / HSV | hsv(214.47 54.65% 67.45%) |
| HWB | hwb(214.47 30.59% 32.55%) |
| CMYK | cmyk(55% 31% 0% 33%) |
| Lab | lab(48.49 -2.07 -33.63) |
| LCH | lch(48.49 33.69 266.48) |
| OKLab | oklab(56.019% -0.02281 -0.09298) |
| OKLCH | oklch(56.019% 0.09574 256.22) |
| Display P3 | color(display-p3 0.34034 0.45857 0.65766) |
| Rec. 2020 | color(rec2020 0.33245 0.40443 0.61753) |
| Adobe RGB | color(a98-rgb 0.36055 0.45988 0.66151) |
| ProPhoto RGB | color(prophoto-rgb 0.35892 0.38255 0.58387) |
| 線形sRGB | color(srgb-linear 0.07619 0.18116 0.41254) |
| XYZ D65 | color(xyz-d65 0.17066 0.17555 0.4152) |
| XYZ D50 | color(xyz-d50 0.16202 0.17183 0.31324) |
| SwiftUI | Color(red: 0.306, green: 0.463, blue: 0.675) |
| UIKit | UIColor(red: 0.306, green: 0.463, blue: 0.675, alpha: 1) |
| Flutter / Compose | Color(0xFF4E76AC) |
| Android XML | #4E76AC |

## 基本情報

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

## ティント

#4e76ac, #5f83b5, #7091bd, #819ec6, #92acce, #a4b9d6, #b6c7df, #c8d5e7, #dae3ef, #ecf1f7

## シェード

#4e76ac, #436695, #38567f, #2d4769, #233854, #192940, #0f1c2d, #070f1b, #02050b, #000101

## トーン

#4e76ac, #5276a7, #5776a1, #5b769c, #5f7696, #627691, #66768b, #6a7686, #6d7580, #71757a

## カラーハーモニー

- 補色: #4e76ac, #946c2b
- 分裂補色: #4e76ac, #a26242, #7c782e
- 類似色: #4e76ac, #247f9f, #706caa
- トライアド: #4e76ac, #a55c61, #5a8147
- テトラード: #4e76ac, #8b629a, #946c2b, #5a8147
- スクエア: #4e76ac, #9d5c80, #946c2b, #308668
- モノクロマティック: #4e76ac, #0b3262, #2d5386, #719bd3, #95c0fb

## #4e76ac についてのよくある質問

### #4e76ac は何色ですか？

#4e76ac はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(78, 118, 172)、HSLでは hsl(214.47, 37.6%, 49.02%)、OKLCHでは oklch(56.019% 0.09574 256.22) です。

### #4e76ac に合う色は？

#4e76ac の補色は #946c2b です。落ち着いた組み合わせにするなら、類似色の #247f9f と #706caa を使いましょう。トライアドの組み合わせは #a55c61 と #5a8147 です。

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

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

### #4e76ac は暖色と寒色のどちらですか？

#4e76ac は寒色系の色です。OKLCHでは色相 256度、明度 56%、クロマ 0.096 です。