# カラーコード #407dc6：やわらかな 青

#407dc6 はRGBで rgb(64, 125, 198)、OKLCHで oklch(58.38% 0.12932 254.328) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/407dc6

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #407dc6 |
| RGB | rgb(64, 125, 198) |
| HSL | hsl(212.69, 54.03%, 51.37%) |
| HSB / HSV | hsv(212.69 67.68% 77.65%) |
| HWB | hwb(212.69 25.1% 22.35%) |
| CMYK | cmyk(68% 37% 0% 22%) |
| Lab | lab(51 -1.9 -44.67) |
| LCH | lch(51 44.71 267.57) |
| OKLab | oklab(58.38% -0.03493 -0.12451) |
| OKLCH | oklch(58.38% 0.12932 254.328) |
| Display P3 | color(display-p3 0.31056 0.4845 0.75472) |
| Rec. 2020 | color(rec2020 0.33063 0.43176 0.72305) |
| Adobe RGB | color(a98-rgb 0.34304 0.48655 0.76192) |
| ProPhoto RGB | color(prophoto-rgb 0.37879 0.40905 0.69071) |
| 線形sRGB | color(srgb-linear 0.05127 0.20508 0.56471) |
| XYZ D65 | color(xyz-d65 0.1964 0.19834 0.56221) |
| XYZ D50 | color(xyz-d50 0.18214 0.19266 0.42388) |
| SwiftUI | Color(red: 0.251, green: 0.49, blue: 0.776) |
| UIKit | UIColor(red: 0.251, green: 0.49, blue: 0.776, alpha: 1) |
| Flutter / Compose | Color(0xFF407DC6) |
| Android XML | #407DC6 |

## 基本情報

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

## ティント

#407dc6, #548acc, #6797d3, #7aa4d9, #8cb1df, #9fbee5, #b2cbea, #c5d8f0, #d8e5f5, #ebf2fa

## シェード

#407dc6, #366cac, #2d5b92, #244b7a, #1b3b62, #132c4b, #0b1e35, #051121, #01050e, #000102

## トーン

#407dc6, #487dbf, #4e7eb8, #557eb0, #5b7ea9, #617ea2, #677d9a, #6c7d93, #717d8b, #767c83

## カラーハーモニー

- 補色: #407dc6, #a86e00
- 分裂補色: #407dc6, #b95f34, #887e00
- 類似色: #407dc6, #008ab4, #746fc5
- トライアド: #407dc6, #bb5763, #598c36
- テトラード: #407dc6, #9762b0, #a86e00, #598c36
- スクエア: #407dc6, #af598e, #a86e00, #009367
- モノクロマティック: #407dc6, #003679, #1a599f, #64a2ee, #92c9ff

## #407dc6 についてのよくある質問

### #407dc6 は何色ですか？

#407dc6 はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(64, 125, 198)、HSLでは hsl(212.69, 54.03%, 51.37%)、OKLCHでは oklch(58.38% 0.12932 254.328) です。

### #407dc6 に合う色は？

#407dc6 の補色は #a86e00 です。落ち着いた組み合わせにするなら、類似色の #008ab4 と #746fc5 を使いましょう。トライアドの組み合わせは #bb5763 と #598c36 です。

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

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

### #407dc6 は暖色と寒色のどちらですか？

#407dc6 は寒色系の色です。OKLCHでは色相 254度、明度 58.4%、クロマ 0.129 です。