#5AB9E2｜カラーサイト.com

#5AB9E2 の色情報

#5AB9E2

画像
HEX	#5AB9E2
RGB	R:90 G:185 B:226
RGBの割合	R:35.3% G:72.5% B:88.6%
HSV	H:198.1 S:60.2 V:88.6
HSL	H:198.1 S:70.1 L:62.0
CMY	C:64.7 M:27.5 Y:11.4

CMYK	C:60.2 M:18.1 Y:0.0 K:11.4
YCbCr	Y:154.5 Cb:160.1 Cr:83.4
XYZ	X:35.3 Y:42.4 Z:78.3
xyY	x:0.226 y:0.272 Y:42.4

CIE Lab	L:71.1 a:-16.1 b*:-29.0
CIE LCh	L:71.1 C:33.2 h:240.9
CIE Luv	L:71.1 u:-38.9 v*:-43.7
Hunter Lab	L:65.1 a:-17.1 b:-25.7

#5AB9E2 の色相別色一覧

#E2615A

#E2835A

#E2A55A

#E2C75A

#DBE25A

#B9E25A

#97E25A

#75E25A

#5AE261

#5AE283

#5AE2A5

#5AE2C7

#5ADBE2

#5AB9E2

#5A97E2

#5A75E2

#615AE2

#835AE2

#A55AE2

#C75AE2

#E25ADB

#E25AB9

#E25A97

#E25A75

#5AB9E2 の彩度別色一覧

#E2E2E2

#D6DEE2

#CBDBE2

#C0D8E2

#B4D4E2

#A9D1E2

#9ECDE2

#93CAE2

#87C7E2

#7CC3E2

#71C0E2

#65BCE2

#5AB9E2

#4FB6E2

#43B2E2

#38AFE2

#2DABE2

#22A8E2

#16A5E2

#0BA1E2

#5AB9E2 の明度別色一覧

#040809

#091216

#0E1C23

#132730

#18313C

#1D3C49

#224656

#275163

#2C5B6F

#31667C

#367089

#3C7A96

#4185A2

#468FAF

#4B9ABC

#50A4C9

#55AFD5

#5AB9E2

#5FC3EF

#64CEFC

#5AB9E2 を使ったトーンオントーン

#6D9DBA

#1C384A

#1F5873

#438491

#5AB9E2

#1D4869

#498F9C

#287DBF

#5AB9E2

#2E4B5C

#5AB9E2

#1D536E

#2B7194

#1A3D47

#5FABBA

#5AB9E2 を使ったトーンイントーン

#DD4B76

#59EC81

#5AB9E2

#CBC43F

#8D44D5

#CEC45C

#4CCE4E

#5AB9E2

#CE6071

#A365D3

#6AF16C

#D8CB65

#CB4B6D

#B667DD

#5AB9E2

#5AB9E2 を使ったカマイユ

#4EB7F4

#4DCEF9

#5AB9E2

#419CCE

#52C9F9

#50B5F4

#5AB9E2

#57B0E7

#4AC2EF

#61B2D0

#4EB9DA

#4CC9EF

#7DCBFC

#5AB9E2

#46A8E5

#5AB9E2 を使ったフォカマイユ

#5AB9E2

#53D7EF

#50AFF4

#86CFF4

#3A86D8

#4885D0

#57A4E7

#5AB9E2

#44B1FF

#75E8FF

#89EAFE

#47ACC1

#7EDDEA

#5AB9E2

#499AD8

#5AB9E2 を使ったドミナントカラー

#1C759C

#D8E8F0

#3DBBF2

#5A7682

#5AB9E2

#2C434D

#32667D

#5AB9E2

#2095C7

#324D59

#13ABED

#C3D4DB

#D3DCE0

#5AB9E2

#57AACF

#5AB9E2 を使ったアイデンティティ

#5AB9E2

#769DAD

#0C597A

#15516B

#5AB9E2

#7199AB

#266682

#5AB9E2

#2A92BF

#5AB9E2 を使ったトライアド

#5AB9E2

#E25AB9

#B9E25A

#5AB9E2 を使ったスプリットコンプリメンタリー

#E2B05A

#5AB9E2

#E25A5E

#5AB9E2 を使ったテトラード

#5AB9E2

#C75AE2

#E2835A

#75E25A

#5AB9E2 を使ったコントラスト

#5AB9E2

#E2835A

#5AB9E2

#CBDBE2

#5AB9E2

#295366

#5AB9E2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#5AB9E2の色相や彩度を変えたときの配色なども一覧で表示します。

#5AB9E2

#5AB9E2 の色情報

#5AB9E2 の色相別色一覧

#5AB9E2 の彩度別色一覧

#5AB9E2 の明度別色一覧

#5AB9E2 を使ったトーンオントーン

#5AB9E2 を使ったトーンイントーン

#5AB9E2 を使ったカマイユ

#5AB9E2 を使ったフォカマイユ

#5AB9E2 を使ったドミナントカラー

#5AB9E2 を使ったアイデンティティ

#5AB9E2 を使ったトライアド

#5AB9E2 を使ったスプリットコンプリメンタリー

#5AB9E2 を使ったテトラード

#5AB9E2 を使ったコントラスト