# カラーコード #7199ea：鮮やかな 青

#7199ea はRGBで rgb(113, 153, 234)、OKLCHで oklch(68.842% 0.12797 263.431) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7199ea

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7199ea |
| RGB | rgb(113, 153, 234) |
| HSL | hsl(220.17, 74.23%, 68.04%) |
| HSB / HSV | hsv(220.17 51.71% 91.76%) |
| HWB | hwb(220.17 44.31% 8.24%) |
| CMYK | cmyk(52% 35% 0% 8%) |
| Lab | lab(62.93 3.21 -45.82) |
| LCH | lch(62.93 45.94 274.01) |
| OKLab | oklab(68.842% -0.01464 -0.12713) |
| OKLCH | oklch(68.842% 0.12797 263.431) |
| Display P3 | color(display-p3 0.47585 0.59562 0.89372) |
| Rec. 2020 | color(rec2020 0.48354 0.55313 0.87666) |
| Adobe RGB | color(a98-rgb 0.49058 0.59441 0.90455) |
| ProPhoto RGB | color(prophoto-rgb 0.52004 0.52882 0.85378) |
| 線形sRGB | color(srgb-linear 0.16513 0.31855 0.82279) |
| XYZ D65 | color(xyz-d65 0.3305 0.32233 0.82325) |
| XYZ D50 | color(xyz-d50 0.31242 0.31498 0.62078) |
| SwiftUI | Color(red: 0.443, green: 0.6, blue: 0.918) |
| UIKit | UIColor(red: 0.443, green: 0.6, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF7199EA) |
| Android XML | #7199EA |

## 基本情報

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

## ティント

#7199ea, #7fa3ed, #8caef0, #9ab8f2, #a8c2f4, #b6ccf7, #c5d7f9, #d3e1fb, #e2ebfc, #f0f5fe

## シェード

#7199ea, #6184cb, #5270ae, #435d91, #354a75, #27385a, #1a2741, #0e1729, #040813, #010103

## トーン

#7199ea, #759ae2, #7a9adb, #7e9bd3, #829bcb, #869bc3, #8b9bbb, #8f9bb3, #939bab, #979ba3

## カラーハーモニー

- 補色: #7199ea, #c19329
- 分裂補色: #7199ea, #d88348, #9ba33a
- 類似色: #7199ea, #31a7dd, #9f8ae2
- トライアド: #7199ea, #df7974, #67af65
- テトラード: #7199ea, #c17ec8, #c19329, #67af65
- スクエア: #7199ea, #d777a1, #c19329, #17b494
- モノクロマティック: #7199ea, #2e509b, #4f74c2, #99c0ff, #d5e8ff

## #7199ea についてのよくある質問

### #7199ea は何色ですか？

#7199ea は鮮やかな 青です。最も近い名前のある色は鮮やかな 青です。RGBでは rgb(113, 153, 234)、HSLでは hsl(220.17, 74.23%, 68.04%)、OKLCHでは oklch(68.842% 0.12797 263.431) です。

### #7199ea に合う色は？

#7199ea の補色は #c19329 です。落ち着いた組み合わせにするなら、類似色の #31a7dd と #9f8ae2 を使いましょう。トライアドの組み合わせは #df7974 と #67af65 です。

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

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

### #7199ea は暖色と寒色のどちらですか？

#7199ea は寒色系の色です。OKLCHでは色相 263度、明度 68.8%、クロマ 0.128 です。