# カラーコード #64a2ef：鮮やかな 明るい青

#64a2ef はRGBで rgb(100, 162, 239)、OKLCHで oklch(70.338% 0.13071 254.644) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/64a2ef

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #64a2ef |
| RGB | rgb(100, 162, 239) |
| HSL | hsl(213.24, 81.29%, 66.47%) |
| HSB / HSV | hsv(213.24 58.16% 93.73%) |
| HWB | hwb(213.24 39.22% 6.27%) |
| CMYK | cmyk(58% 32% 0% 6%) |
| Lab | lab(64.94 -3.35 -45.47) |
| LCH | lch(64.94 45.59 265.79) |
| OKLab | oklab(70.338% -0.03461 -0.12604) |
| OKLCH | oklch(70.338% 0.13071 254.644) |
| Display P3 | color(display-p3 0.44791 0.62908 0.91343) |
| Rec. 2020 | color(rec2020 0.47506 0.58685 0.89884) |
| Adobe RGB | color(a98-rgb 0.47448 0.62945 0.92503) |
| ProPhoto RGB | color(prophoto-rgb 0.5199 0.56024 0.8783) |
| 線形sRGB | color(srgb-linear 0.12744 0.36131 0.86316) |
| XYZ D65 | color(xyz-d65 0.33754 0.34781 0.86599) |
| XYZ D50 | color(xyz-d50 0.31823 0.33969 0.65323) |
| SwiftUI | Color(red: 0.392, green: 0.635, blue: 0.937) |
| UIKit | UIColor(red: 0.392, green: 0.635, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF64A2EF) |
| Android XML | #64A2EF |

## 基本情報

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

## ティント

#64a2ef, #74acf1, #84b5f4, #93bff6, #a2c8f7, #b2d1f9, #c1dafb, #d1e4fc, #e0edfd, #eff6fe

## シェード

#64a2ef, #568cd0, #4877b1, #3b6394, #2e4f78, #223c5c, #162a42, #0b192a, #030a14, #000103

## トーン

#64a2ef, #6ba2e7, #72a2e0, #78a2d8, #7ea2d0, #84a2c8, #8aa2c0, #8fa1b8, #95a1b0, #9aa0a8

## カラーハーモニー

- 補色: #64a2ef, #cf9231
- 分裂補色: #64a2ef, #e28358, #aca332
- 類似色: #64a2ef, #10b0dc, #9793ed
- トライアド: #64a2ef, #e57b86, #7cb15a
- テトラード: #64a2ef, #be85d7, #cf9231, #7cb15a
- スクエア: #64a2ef, #d87cb2, #cf9231, #38b98a
- モノクロマティック: #64a2ef, #1a59a0, #407dc7, #93c9ff, #d7efff

## #64a2ef についてのよくある質問

### #64a2ef は何色ですか？

#64a2ef は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(100, 162, 239)、HSLでは hsl(213.24, 81.29%, 66.47%)、OKLCHでは oklch(70.338% 0.13071 254.644) です。

### #64a2ef に合う色は？

#64a2ef の補色は #cf9231 です。落ち着いた組み合わせにするなら、類似色の #10b0dc と #9793ed を使いましょう。トライアドの組み合わせは #e57b86 と #7cb15a です。

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

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

### #64a2ef は暖色と寒色のどちらですか？

#64a2ef は寒色系の色です。OKLCHでは色相 255度、明度 70.3%、クロマ 0.131 です。