# カラーコード #7caef6：鮮やかな 明るい青

#7caef6 はRGBで rgb(124, 174, 246)、OKLCHで oklch(74.464% 0.11768 257.477) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7caef6

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7caef6 |
| RGB | rgb(124, 174, 246) |
| HSL | hsl(215.41, 87.14%, 72.55%) |
| HSB / HSV | hsv(215.41 49.59% 96.47%) |
| HWB | hwb(215.41 48.63% 3.53%) |
| CMYK | cmyk(50% 29% 0% 4%) |
| Lab | lab(69.76 -2.21 -41.64) |
| LCH | lch(69.76 41.7 266.96) |
| OKLab | oklab(74.464% -0.02552 -0.11488) |
| OKLCH | oklch(74.464% 0.11768 257.477) |
| Display P3 | color(display-p3 0.52804 0.67698 0.94205) |
| Rec. 2020 | color(rec2020 0.54566 0.6396 0.93104) |
| Adobe RGB | color(a98-rgb 0.54643 0.67642 0.95374) |
| ProPhoto RGB | color(prophoto-rgb 0.58073 0.61389 0.91415) |
| 線形sRGB | color(srgb-linear 0.20156 0.42327 0.92158) |
| XYZ D65 | color(xyz-d65 0.4008 0.4121 0.93034) |
| XYZ D50 | color(xyz-d50 0.38277 0.40415 0.702) |
| SwiftUI | Color(red: 0.486, green: 0.682, blue: 0.965) |
| UIKit | UIColor(red: 0.486, green: 0.682, blue: 0.965, alpha: 1) |
| Flutter / Compose | Color(0xFF7CAEF6) |
| Android XML | #7CAEF6 |

## 基本情報

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

## ティント

#7caef6, #89b6f8, #96bff9, #a3c7fa, #b0cffb, #bdd7fc, #cadffd, #d7e7fe, #e4effe, #f2f7ff

## シェード

#7caef6, #6b97d6, #5a80b7, #4a6a98, #3b557b, #2c415f, #1e2e45, #111c2c, #050b15, #010103

## トーン

#7caef6, #81aeef, #86aee8, #8baee0, #90aed9, #95aed2, #9aaeca, #9fadc3, #a3adbb, #a8adb4

## カラーハーモニー

- 補色: #7caef6, #d5a24e
- 分裂補色: #7caef6, #e99469, #b4b153
- 類似色: #7caef6, #4bbbe6, #a8a0f3
- トライアド: #7caef6, #ed8c91, #88be73
- テトラード: #7caef6, #cb94dd, #d5a24e, #88be73
- スクエア: #7caef6, #e38dba, #d5a24e, #54c49d
- モノクロマティック: #7caef6, #3664a7, #5888ce, #aed5ff, #e7f7ff

## #7caef6 についてのよくある質問

### #7caef6 は何色ですか？

#7caef6 は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(124, 174, 246)、HSLでは hsl(215.41, 87.14%, 72.55%)、OKLCHでは oklch(74.464% 0.11768 257.477) です。

### #7caef6 に合う色は？

#7caef6 の補色は #d5a24e です。落ち着いた組み合わせにするなら、類似色の #4bbbe6 と #a8a0f3 を使いましょう。トライアドの組み合わせは #ed8c91 と #88be73 です。

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

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

### #7caef6 は暖色と寒色のどちらですか？

#7caef6 は寒色系の色です。OKLCHでは色相 257度、明度 74.5%、クロマ 0.118 です。