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

#4b86bb はRGBで rgb(75, 134, 187)、OKLCHで oklch(60.303% 0.10215 247.463) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4b86bb |
| RGB | rgb(75, 134, 187) |
| HSL | hsl(208.39, 45.16%, 51.37%) |
| HSB / HSV | hsv(208.39 59.89% 73.33%) |
| HWB | hwb(208.39 29.41% 26.67%) |
| CMYK | cmyk(60% 28% 0% 27%) |
| Lab | lab(53.67 -7.54 -34.19) |
| LCH | lch(53.67 35.01 257.56) |
| OKLab | oklab(60.303% -0.03915 -0.09435) |
| OKLCH | oklch(60.303% 0.10215 247.463) |
| Display P3 | color(display-p3 0.34952 0.51979 0.71587) |
| Rec. 2020 | color(rec2020 0.36054 0.4678 0.68123) |
| Adobe RGB | color(a98-rgb 0.37876 0.52102 0.72049) |
| ProPhoto RGB | color(prophoto-rgb 0.39257 0.44107 0.64906) |
| 線形sRGB | color(srgb-linear 0.07036 0.2384 0.49693) |
| XYZ D65 | color(xyz-d65 0.20395 0.22133 0.50213) |
| XYZ D50 | color(xyz-d50 0.1936 0.21668 0.37898) |
| SwiftUI | Color(red: 0.294, green: 0.525, blue: 0.733) |
| UIKit | UIColor(red: 0.294, green: 0.525, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF4B86BB) |
| Android XML | #4B86BB |

## 基本情報

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

## ティント

#4b86bb, #5e92c2, #6f9ec9, #81aad0, #93b6d7, #a5c2de, #b6cee5, #c8daeb, #dae6f2, #edf3f9

## シェード

#4b86bb, #4074a2, #35628a, #2b5173, #21405c, #173046, #0e2132, #06131f, #02060d, #000102

## トーン

#4b86bb, #5286b5, #5886b0, #5e85aa, #6485a4, #69849f, #6e8499, #738393, #78838d, #7c8287

## カラーハーモニー

- 補色: #4b86bb, #a97437
- 分裂補色: #4b86bb, #b56a54, #928130
- 類似色: #4b86bb, #1b8fa9, #727bbe
- トライアド: #4b86bb, #b46676, #708c47
- テトラード: #4b86bb, #9270b1, #a97437, #708c47
- スクエア: #4b86bb, #a86897, #a97437, #459369
- モノクロマティック: #4b86bb, #004070, #266295, #6fabe2, #95d2ff

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

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

#4b86bb はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(75, 134, 187)、HSLでは hsl(208.39, 45.16%, 51.37%)、OKLCHでは oklch(60.303% 0.10215 247.463) です。

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

#4b86bb の補色は #a97437 です。落ち着いた組み合わせにするなら、類似色の #1b8fa9 と #727bbe を使いましょう。トライアドの組み合わせは #b46676 と #708c47 です。

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

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

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

#4b86bb は寒色系の色です。OKLCHでは色相 247度、明度 60.3%、クロマ 0.102 です。