# カラーコード #778bca：やわらかな 青

#778bca はRGBで rgb(119, 139, 202)、OKLCHで oklch(64.665% 0.0975 270.065) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/778bca

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #778bca |
| RGB | rgb(119, 139, 202) |
| HSL | hsl(225.54, 43.92%, 62.94%) |
| HSB / HSV | hsv(225.54 41.09% 79.22%) |
| HWB | hwb(225.54 46.67% 20.78%) |
| CMYK | cmyk(41% 31% 0% 21%) |
| Lab | lab(58.22 4.91 -35.37) |
| LCH | lch(58.22 35.7 277.9) |
| OKLab | oklab(64.665% 0.00011 -0.0975) |
| OKLCH | oklch(64.665% 0.0975 270.065) |
| Display P3 | color(display-p3 0.48178 0.54272 0.77333) |
| Rec. 2020 | color(rec2020 0.46402 0.49703 0.74393) |
| Adobe RGB | color(a98-rgb 0.48697 0.54026 0.77872) |
| ProPhoto RGB | color(prophoto-rgb 0.47907 0.47343 0.71351) |
| 線形sRGB | color(srgb-linear 0.18447 0.25818 0.59062) |
| XYZ D65 | color(xyz-d65 0.27499 0.26651 0.59574) |
| XYZ D50 | color(xyz-d50 0.26439 0.26194 0.44939) |
| SwiftUI | Color(red: 0.467, green: 0.545, blue: 0.792) |
| UIKit | UIColor(red: 0.467, green: 0.545, blue: 0.792, alpha: 1) |
| Flutter / Compose | Color(0xFF778BCA) |
| Android XML | #778BCA |

## 基本情報

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

## ティント

#778bca, #8496d0, #91a2d5, #9eaddb, #abb9e0, #b9c4e6, #c6d0eb, #d4dcf0, #e2e7f5, #f1f3fa

## シェード

#778bca, #6778af, #576695, #47547c, #384364, #2a324d, #1c2337, #101422, #05070f, #010102

## トーン

#778bca, #798cc4, #7c8cbe, #7e8db9, #808db3, #828dad, #858ea7, #878ea1, #898e9a, #8c8e94

## カラーハーモニー

- 補色: #778bca, #a58b42
- 分裂補色: #778bca, #ba7f4e, #869750
- 類似色: #778bca, #5296c4, #9780c1
- トライアド: #778bca, #c2776a, #609f6e
- テトラード: #778bca, #b078aa, #a58b42, #609f6e
- スクエア: #778bca, #bf748c, #a58b42, #3ba190
- モノクロマティック: #778bca, #35457e, #5567a3, #9bb0f2, #c6d8ff

## #778bca についてのよくある質問

### #778bca は何色ですか？

#778bca はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(119, 139, 202)、HSLでは hsl(225.54, 43.92%, 62.94%)、OKLCHでは oklch(64.665% 0.0975 270.065) です。

### #778bca に合う色は？

#778bca の補色は #a58b42 です。落ち着いた組み合わせにするなら、類似色の #5296c4 と #9780c1 を使いましょう。トライアドの組み合わせは #c2776a と #609f6e です。

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

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

### #778bca は暖色と寒色のどちらですか？

#778bca は寒色系の色です。OKLCHでは色相 270度、明度 64.7%、クロマ 0.098 です。