# カラーコード #628fc5：やわらかな 青

#628fc5 はRGBで rgb(98, 143, 197)、OKLCHで oklch(63.989% 0.09542 253.633) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/628fc5

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #628fc5 |
| RGB | rgb(98, 143, 197) |
| HSL | hsl(212.73, 46.05%, 57.84%) |
| HSB / HSV | hsv(212.73 50.25% 77.25%) |
| HWB | hwb(212.73 38.43% 22.75%) |
| CMYK | cmyk(50% 27% 0% 23%) |
| Lab | lab(57.84 -4.23 -33.27) |
| LCH | lch(57.84 33.54 262.75) |
| OKLab | oklab(63.989% -0.02689 -0.09156) |
| OKLCH | oklch(63.989% 0.09542 253.633) |
| Display P3 | color(display-p3 0.42254 0.55603 0.755) |
| Rec. 2020 | color(rec2020 0.42291 0.50787 0.72416) |
| Adobe RGB | color(a98-rgb 0.44146 0.55569 0.75987) |
| ProPhoto RGB | color(prophoto-rgb 0.44604 0.48083 0.6936) |
| 線形sRGB | color(srgb-linear 0.12214 0.27468 0.55834) |
| XYZ D65 | color(xyz-d65 0.24936 0.26272 0.56582) |
| XYZ D50 | color(xyz-d50 0.23894 0.25793 0.42708) |
| SwiftUI | Color(red: 0.384, green: 0.561, blue: 0.773) |
| UIKit | UIColor(red: 0.384, green: 0.561, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF628FC5) |
| Android XML | #628FC5 |

## 基本情報

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

## ティント

#628fc5, #719acb, #81a5d1, #90b0d7, #a0bbdd, #afc6e3, #bfd2e9, #cfddee, #dfe8f4, #eff4fa

## シェード

#628fc5, #547cab, #476992, #3a5779, #2d4561, #21344b, #162435, #0b1521, #03070e, #000102

## トーン

#628fc5, #678fbf, #6b8fba, #708fb4, #748eaf, #788ea9, #7c8ea3, #808d9e, #848d98, #888d92

## カラーハーモニー

- 補色: #628fc5, #af8346
- 分裂補色: #628fc5, #bd795c, #968f46
- 類似色: #628fc5, #3f98b7, #8584c4
- トライアド: #628fc5, #bf737b, #74995c
- テトラード: #628fc5, #a17bb5, #af8346, #74995c
- スクエア: #628fc5, #b5749b, #af8346, #4e9e7c
- モノクロマティック: #628fc5, #1d4979, #3f6b9f, #86b5ed, #b2dbff

## #628fc5 についてのよくある質問

### #628fc5 は何色ですか？

#628fc5 はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(98, 143, 197)、HSLでは hsl(212.73, 46.05%, 57.84%)、OKLCHでは oklch(63.989% 0.09542 253.633) です。

### #628fc5 に合う色は？

#628fc5 の補色は #af8346 です。落ち着いた組み合わせにするなら、類似色の #3f98b7 と #8584c4 を使いましょう。トライアドの組み合わせは #bf737b と #74995c です。

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

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

### #628fc5 は暖色と寒色のどちらですか？

#628fc5 は寒色系の色です。OKLCHでは色相 254度、明度 64%、クロマ 0.095 です。