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

#4e68a2 はRGBで rgb(78, 104, 162)、OKLCHで oklch(52.327% 0.09713 264.918) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4e68a2 |
| RGB | rgb(78, 104, 162) |
| HSL | hsl(221.43, 35%, 47.06%) |
| HSB / HSV | hsv(221.43 51.85% 63.53%) |
| HWB | hwb(221.43 30.59% 36.47%) |
| CMYK | cmyk(52% 36% 0% 36%) |
| Lab | lab(43.96 3.24 -34.87) |
| LCH | lch(43.96 35.02 275.31) |
| OKLab | oklab(52.327% -0.0086 -0.09675) |
| OKLCH | oklch(52.327% 0.09713 264.918) |
| Display P3 | color(display-p3 0.32684 0.40495 0.61828) |
| Rec. 2020 | color(rec2020 0.30622 0.34961 0.57455) |
| Adobe RGB | color(a98-rgb 0.34112 0.40692 0.62213) |
| ProPhoto RGB | color(prophoto-rgb 0.33119 0.33356 0.54039) |
| 線形sRGB | color(srgb-linear 0.07619 0.13843 0.36131) |
| XYZ D65 | color(xyz-d65 0.14613 0.14129 0.36141) |
| XYZ D50 | color(xyz-d50 0.13823 0.13809 0.27251) |
| SwiftUI | Color(red: 0.306, green: 0.408, blue: 0.635) |
| UIKit | UIColor(red: 0.306, green: 0.408, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF4E68A2) |
| Android XML | #4E68A2 |

## 基本情報

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

## ティント

#4e68a2, #5e77ac, #6f85b5, #8094bf, #91a3c8, #a3b2d1, #b4c1db, #c7d0e4, #d9e0ed, #eceff6

## シェード

#4e68a2, #43598c, #384b77, #2d3e63, #23304f, #19243c, #0f182a, #070c19, #02040a, #000001

## トーン

#4e68a2, #51699d, #546997, #576992, #596a8c, #5c6a87, #5f6a81, #626a7b, #646a75, #676a70

## カラーハーモニー

- 補色: #4e68a2, #846519
- 分裂補色: #4e68a2, #94592e, #687026
- 類似色: #4e68a2, #22729a, #6e5e9c
- トライアド: #4e68a2, #9a524d, #437845
- テトラード: #4e68a2, #865589, #846519, #437845
- スクエア: #4e68a2, #95516d, #846519, #077c67
- モノクロマティック: #4e68a2, #112559, #2e467d, #708cc9, #94b1f1

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

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

#4e68a2 はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(78, 104, 162)、HSLでは hsl(221.43, 35%, 47.06%)、OKLCHでは oklch(52.327% 0.09713 264.918) です。

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

#4e68a2 の補色は #846519 です。落ち着いた組み合わせにするなら、類似色の #22729a と #6e5e9c を使いましょう。トライアドの組み合わせは #9a524d と #437845 です。

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

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

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

#4e68a2 は寒色系の色です。OKLCHでは色相 265度、明度 52.3%、クロマ 0.097 です。